Start Using Now
- React.js
- Express.js
- Mongoose
- Node.js
- MongoDB Atlas
- Semantic UI React
- Create notes with title and content
- See notes
- Edit notes
- Delete notes
- Full Markdown support
- The app is fully responsive.
- The notes are shown in beautiful cards on the notes screen.
- Delete button shows a pop up confirmation.
- Cards are displayed in a modal when clicked on title in the notes screen.
- Spinner loading screen while content loads
- Cards hover on mouse hover
- Cards fade out on delete
- Button animation to show that it's processing. Eg delete button, create button, update button
- Let user authenticate themselves.
- Search notes
- Show cards in pinterest style mason grid.
Try It Out
- Clone the project in your system
- Create a
.env
file in your root. Fill the file with data provided below.
- Provide a MongoDB URI in the
.env
file.
- In the root folder, install the required dependencies using
npm i
- In the frontend folder, install the required dependencies using
npm i
- In the root folder, run the
dev
script using npm run dev
PORT=5000
NODE_ENV=development
MONGO_URI=<Mongo DB URI>
Live Demo of the app