Elegance - Productivity note taking application

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