Elegance - Productivity note taking application

Tech Stack

Next.js
React.js
TailwindCSS
Clert for authentication
Convex for the backend convex
For file store I used edgestore
Deployed here

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 🔄📄

Markting Page

Login and signup page using google through clerk.

Home page

Add icons, cover photo to the document

Restore the delted notes

Used best practices