📝 Notes App – Full Stack MERN Project
A Full-Stack Notes Management Web Application where users can securely create, manage, update, and delete personal notes.
This project demonstrates full-stack development using the MERN stack and includes authentication, REST APIs, and deployment.
🚀 Live Demo
🌐 Live App
https://notes-app-2-8e4i.onrender.com/
💻 GitHub Repository
https://github.com/rohn5783/Notes-App
✨ Features
✔ User Registration ✔ Secure Login Authentication ✔ Create Notes ✔ View Notes Dashboard ✔ Edit Notes ✔ Delete Notes ✔ User Specific Notes (private notes) ✔ REST API Integration ✔ Full Stack Deployment
🛠 Tech Stack Frontend
React.js
React Router
Axios
CSS
Backend
Node.js
Express.js
MongoDB
Mongoose
Authentication
JWT (JSON Web Token)
Cookies
Deployment
Render (Full Stack Deployment)
📸 Screenshots
Create a folder in repo:
screenshots
Add images like:
screenshots/login.png screenshots/dashboard.png screenshots/create-note.png
Then README me add karo:
Agar tum demo GIF add karoge to recruiters ko project instantly samajh aata hai.
Tool use karo:
ScreenToGif
Steps:
App open karo
Screen record karo (login → create note → edit → delete)
Export as demo.gif
Repo me add karo:
screenshots/demo.gif
README me:
📂 Project Structure Notes-App │ ├── backend │ ├── controllers │ ├── models │ ├── routes │ ├── middleware │ └── server.js │ ├── frontend │ ├── src │ │ ├── components │ │ ├── pages │ │ ├── api │ │ └── App.jsx │ ├── screenshots │ └── README.md ⚙️ Installation
Clone repository
git clone https://github.com/rohn5783/Notes-App.git
Move to project directory
cd Notes-App
Install dependencies
npm install
Run development server
npm run dev 📚 What I Learned
Through this project I learned:
Building REST APIs with Express
Authentication using JWT
Connecting React with backend APIs
MongoDB database integration
Full stack deployment
Debugging production errors
👨💻 Author
web3.rohit
GitHub https://github.com/rohn5783
⭐ Support
If you like this project, consider giving it a star ⭐ on GitHub.