Notebox is a modern, feature-rich note-taking application designed to enhance productivity and creativity. Whether you’re organizing personal notes or brainstorming ideas, Notebox provides an intuitive and user-friendly platform to manage all your notes efficiently.
Live Demo: Notebox
Tech Stack:
Notebox leverages Clerk for fast and secure authentication. Sign in with just one click and get instant access to your dashboard where you can manage and create notes effortlessly.
Screenshot:
After signing in, users can create personalized workspaces, assigning each a unique cover image, name, and emoji. Organize workspaces by projects, categories, or any method that suits your workflow.
Screenshots:
Integrated AI, powered by Google Gemini, allows users to generate content effortlessly. Simply provide a prompt, and AI will craft a response automatically added to your document.
Screenshot:
Each workspace contains documents where users can take detailed notes using EditorJS. Enjoy powerful rich text formatting, including:
- Headings to structure content
- Tables for organizing data
- Bullet points
- Code snippets for developers
- Image embedding
Screenshot:
Users can tag and comment on documents. By tagging other users in the database, discussions within workspaces become seamless. Notifications, powered by Liveblocks, ensure real-time updates.
Optimized for all devices including mobile, tablet, and desktop for a seamless experience.
responsive.mp4
| Category | Tech Stack |
|---|---|
| Frontend | Next.js |
| Backend | Firebase |
| Authentication | Clerk |
| Text Editor | EditorJS |
| AI Integration | Google Gemini |
| Collaboration | Liveblocks |
If you find this project useful, don’t forget to ⭐ Star the repo!
More about me:
💻 Portfolio: @ayunarang
🔗 LinkedIn: @ayushinarang