Project Story

About the Project

The idea for Notepad - Next.js Notes App with Real-Time Database came from a need for a versatile note-taking tool. Inspired by Notion's usability, I aimed to create a feature-rich app using modern technologies like Next.js 13, TypeScript, Tailwind CSS, and Convex.

Building the Project

  • Developed a Notion-style editor for intuitive content creation.
  • Implemented light/dark mode for personalized preferences.
  • Established an infinite document hierarchy for note organization.
  • Enabled seamless file management and added a publish feature for sharing notes.

Challenges Faced

  • Synchronizing real-time data across devices was complex.
  • Ensuring a seamless user experience across devices required attention to responsive design principles.
  • Balancing functionality with simplicity was a continual challenge.

Conclusion

Building Notepad was challenging yet rewarding. It deepened my understanding of modern web development and real-time collaboration. I look forward to iterating on the project based on user feedback and exploring further enhancements.

Built With

Share this project:

Updates