Back to all projects

Notion Clone

Notion Clone

About the project

Summary and purpose

FullStack Notion Clone built in Next.js to provide a seamless, feature-rich note-taking and database experience. This application features a real-time database, a Notion-style editor, and both light and dark modes for optimal readability. Users can create an infinite hierarchy of documents, manage files with upload, delete, and replace options, and personalize their notes with real-time icons. The app is fully mobile responsive with an expandable and collapsible sidebar, and includes a soft delete function with recovery options. Users can also publish their notes directly to the web, making it a versatile, user-centric tool for productivity.

Key Features:
🔗 Real-time database
📝 Notion-style editor
🌓 Light and Dark mode
🌲 Infinite children documents
🗑️ Trash can & soft delete
🔐 Authentication
📂 File upload
📂 File deletion
📂 File replacement
🌠 Icons for each document (changes in real-time)
🔀 Expandable sidebar
📱 Full mobile responsiveness
🌐 Publish your note to the web
↕️ Fully collapsable sidebar
🛬 Landing page
🖼️ Cover image of each document
🔄📄 Recover deleted files

Tech Stack

NextJsTailwind CSSReactTypeScriptConvexClerkEdge StoreShadcnVercel