🚀 Built as part of my journey to learn backend development and the MERN ecosystem through real-world projects.

`

📝 NoteVault

A secure, modern and responsive Full-Stack Notes Management Application built with Node.js, Express.js, MongoDB Atlas and EJS.

---

🌐 Live Demo

🚀 https://notevault-r2qs.onrender.com/

---

📖 Project Overview

NoteVault is a secure full-stack Notes Management Application where every user has their own private workspace.

Users can securely register, log in, create notes, edit existing notes, search instantly, delete notes, and manage their personal notes from anywhere.

This project started as a simple CRUD application and gradually evolved into a production-style web application by introducing authentication, authorization, responsive UI, cloud deployment, and user-specific data isolation.

---

✨ Features

🔐 Authentication

• User Registration
• Secure Login
• Logout
• Password Hashing using bcrypt
• Session Authentication

📝 Notes

• Create Notes
• Edit Notes
• Delete Notes
• Search Notes
• Clear All Notes
• Duplicate Title Validation

🛡 Security

• User-specific Notes
• Protected Routes
• Session Authorization
• Password Encryption

🎨 User Interface

• Modern Glassmorphism UI
• Fully Responsive Design
• Mobile Friendly
• Clean Dashboard

☁ Deployment

• MongoDB Atlas
• Render Deployment
• Environment Variables

---

🛠 Tech Stack

Layer	Technology
Frontend	HTML5, CSS3, EJS
Backend	Node.js, Express.js
Database	MongoDB Atlas, Mongoose
Authentication	bcrypt, express-session
Deployment	Render

---

📸 Screenshots

🔐 Login Page

---

📝 Register Page

---

🏠 Dashboard

---

🔍 Search Notes

---

✏ Edit Note

---

📱 Mobile Responsive View

---

📂 Project Structure

NoteVault
│
├── controllers/
├── middleware/
├── models/
├── public/
├── routes/
├── views/
├── assets/
├── .env
├── package.json
├── server.js
└── README.md

---

⚙ Installation

git clone https://github.com/sudarshan-murade/YOUR_GITHUB_REPO_NAME.git

cd YOUR_GITHUB_REPO_NAME

npm install

npm start

---

🔑 Environment Variables

Create a .env file and add:

MONGODB_URI=your_mongodb_connection_string

SESSION_SECRET=your_secret_key

---

🚀 Development Journey

✅ Version 1

• CRUD Operations
• MongoDB Integration
• Search Feature
• Responsive UI

---

✅ Version 2

• User Authentication
• Password Hashing
• Express Sessions
• Protected Routes
• Private User Notes
• Responsive Login/Register Pages
• MongoDB Atlas
• Render Deployment

---

🚧 Version 3 (Planned)

• Pin Notes
• Categories
• Archive Notes
• Rich Text Editor
• Image Upload
• Color Labels
• Dashboard Analytics

---

💡 Key Learnings

This project became much more than building a Notes Application.

Throughout the development process, I gained practical experience in backend development, authentication, deployment, debugging, and project organization.

Backend

• Express.js Routing
• MVC Architecture
• Controllers
• Middleware
• REST-style CRUD Operations

Database

• MongoDB Atlas
• Mongoose Models
• CRUD Queries
• User-specific Database Operations

Authentication

• Password Hashing (bcrypt)
• Express Sessions
• Protected Routes
• Authentication Middleware

Deployment

• Render Deployment
• MongoDB Atlas Integration
• Environment Variables
• Production Debugging

Git & GitHub

• Git Branches
• Feature Branch Workflow
• Merging
• Meaningful Commits
• Repository Management

---

🐞 Challenges I Solved

While building NoteVault, I encountered and solved several real-world development challenges:

• Session Secret deployment issue
• MongoDB Atlas connection issues
• Duplicate title validation
• User-specific database queries
• Responsive UI bugs
• Production deployment debugging
• Merge conflicts using Git
• Authentication flow issues

Every bug improved my debugging and problem-solving skills.

---

📈 My Progress

When I started this project, I only knew the fundamentals of backend development.

By completing NoteVault, I learned how to:

✅ Build a complete Full-Stack Application

✅ Design a scalable backend structure

✅ Implement Authentication & Authorization

✅ Secure user data

✅ Connect MongoDB Atlas

✅ Deploy production-ready applications

✅ Debug real deployment issues

✅ Follow professional Git workflows

✅ Write clean and maintainable code

This project marks a significant milestone in my journey toward becoming a Full-Stack MERN Developer.

---

🚀 Future Improvements

• ⭐ Pin Notes
• 📂 Archive Notes
• 🏷 Categories
• 🎨 Dark / Light Theme
• 📷 Image Upload
• 📎 File Attachments
• 🔔 Reminder System
• 📅 Calendar Integration

---

🤝 Connect With Me

👨‍💻 Sudarshan Murade

💻 GitHub

https://github.com/sudarshan-murade

💼 LinkedIn

https://www.linkedin.com/in/sudarshan-murade-a36538387

---

⭐ Support

If you found this project helpful or interesting, consider giving this repository a ⭐.

It motivates me to continue building better projects and sharing my learning journey.

Thank you for visiting NoteVault! 🚀