Notion Clone
Edit Notes like in Notion.so. Full-Stack App using React/Express.
Overview:
The Notion Clone project aims to replicate some of the notable note-taking features available on Notion.so. This project offers functionalities such as slash commands, HTML and image support, drag and drop for block reordering, guest editing, user management, and scheduled jobs for automation. The frontend is developed using Next.js with server-side rendering, while the backend utilizes Express.js, MongoDB with Mongoose, Nodemailer, and JWT for cookie-based authentication.
Features:
- Slash Commands: Turn blocks into different content types by typing /
- HTML Support: Use regular HTML tags like in text blocks
- Image Support: Upload images using the /image command
- Drag And Drop: Easily reorder blocks through drag and drop
- Guest Editing: Allow anyone to create public pages and share them via link
- User Management: Create an account for private page creation
- Scheduled Jobs: Automatically delete inactive pages and accounts
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Notion
Notion is an all-in-one workspace that helps individuals and teams organize and manage their projects, notes, documents, and databases. It offers a range of features, including note-taking, task management, project planning, team collaboration, and more, all within a single app.
