Notion Clone - A Note-Taking App

This project is a clone of the popular note-taking application Notion.so. It aims to replicate core features like creating pages, nesting content blocks, and providing a rich editing experience.

The main project is from Code With Antonio channal on YouTube, so thanks to him for this perfect tutorial. You can watch to the video from here Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023

Features (Current Implementation)

• Create and manage pages with titles and content blocks.
• Implement various content block types (text, headings, etc.).
• Organize pages in a hierarchical structure.

Features to be Implemented (Optional)

• Drag and drop functionality for rearranging content blocks.
• Collaboration features (real-time editing, sharing permissions).
• Image and file uploads.
• Version history and rollback functionality.
• Search functionality for pages and content.
• User accounts and authentication.

Tech Stack (Replace with your specific libraries)

• Frontend: (e.g., React, Next.js)
• Backend: (Convex)
• Database: (Convex)
• UI Framework: (e.g., Tailwind CSS, Shadcn UI)

Screenshots

• Landing page

• Landing page with dark mode (Signed in)

• User documents page