NoteIt

Next-Gen Note-Taking App

NoteIt is a Next.js application that provides a user-friendly platform for taking, organizing, and sharing notes. Inspired by Notion, NoteIt offers a comprehensive set of features to streamline your note-taking experience.

Key Features

• Create and manage notes with ease
• Set note icons and background images
• Utilize structured notes for enhanced organization
• Share notes with others for collaborative work
• Create sub-notes to organize complex information
• Search notes efficiently to find what you need
• Toggle between light and dark mode for personalized viewing

Technologies

• Next.js 13: A powerful React framework for building server-side rendered applications
• Convex Real-time database: A scalable and reliable database for real-time data synchronization
• Clerk Authentication: A secure and user-friendly authentication system
• TypeScript: A superset of JavaScript that ensures type safety
• LucideReact: A comprehensive icon library for React applications
• ShadCN UI Components: A collection of reusable and customizable UI components
• EdgeStore: A cloud-based storage solution for image uploading
• BlockNote text editor: A versatile text editor for creating structured notes

User Experience

NoteIt provides a seamless and intuitive user experience, allowing you to effortlessly capture, organize, and share your ideas.

Create and Manage Notes

Simply click the "New Page" button to start jotting down your thoughts. Edit, organize, and delete notes with ease.

Customize Note Appearance

Personalize your notes by setting icons and background images that reflect your style or content.

Structure Your Notes

Utilize the BlockNote text editor to create structured notes with headings, lists, and code blocks.

Share Notes

Collaborate with others by sharing notes with them.

Organize with Sub-notes

Create sub-notes (child notes) to organize complex information in a hierarchical structure.

Search and Find

Easily search through your notes using the powerful search bar.

Light and Dark Modes

Switch between light and dark mode to suit your preferred viewing experience.

Getting Started

To run NoteIt on your local enviroment, follow these steps:

1. Clone the repository: git clone [repository_url]
2. Install dependencies: npm install
3. Create a .env.local file and add your Convex,Clerk and EdgeStore credentials
4. Start the development server: npm run dev
5. Generate convex functions: npx convex dev