QuickNotes is a minimalist, fullstack MERN application that lets you quickly jot down, view, update, and delete notes — perfect for learning how the MERN stack connects in under 3 hours!
Built with 💡 clarity, 💻 simplicity, and 🔁 quick iterations in mind.
- 📌 Add notes with a title and content
- 🧾 View all notes in a Notion-like clean UI
- ✏️ Edit notes with one click
- 🗑️ Delete notes instantly
- ⚙️ Built using MERN (MongoDB, Express, React, Node)
QuickNotes/ ├── backend/ # Express + MongoDB (Node.js API) │ └── index.js ├── frontend/ # React app using Vite │ ├── src/ │ │ ├── App.jsx │ │ └── App.css │ └── vite.config.js └── README.md
How to Run
Backend Setup
cd Backend npm install node index.js
Frontend Setup
cd frontend npm install npm run dev
How React (frontend) talks to Express (backend) using Axios CRUD operations using MongoDB Managing state in React with useState and useEffect Handling CORS and network issues manually Clean UI styling inspired by Notion
License MIT License © AbdulKadir-22
“Great notes make great ideas stick.” — QuickNotes Philosophy