Jotion
Tue Feb 13 2024
Jotion - Dynamic Online Note and Productivity Workspace
Jotion is a cutting-edge, comprehensive workspace solution designed to streamline productivity and foster collaboration. Drawing inspiration from the acclaimed platform Notion, Jotion seeks to offer an intuitive, flexible, and highly customizable environment for users to manage their projects, notes, and workflows with ease. With an emphasis on simplicity and efficiency, Jotion integrates Clerk for secure authentication, ensuring a safe and personalized user experience from the moment you log in.
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 🔄📄
Technology used
- Convex: Convex is a Backend Application Platform.
- Clerk: Clerk is a cloud-based authentication service that aims to simplify the integration of secure authentication in web applications.
- Edgestore: Cloud-based Object storage system
- Next.js: A React framework for building web applications. It is used for both the frontend and the backend of the application.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs. It is used for styling the application.
- TypeScript: A statically typed superset of JavaScript. It is used for writing the code.
- Mongoose: An Object Data Modeling (ODM) library for MongoDB and Node.js. It is used for defining the product schema and interacting with the MongoDB database.
You can visit the project here: Jotion (online-note-app.vercel.app)
Acknowledgements
You can checkout the code at BoiDG/Notion-Clone: notion clone project (github.com)