Skip to content

NotesManager is a full-stack notes management application built with Node.js (Express) for the backend and React.js for the frontend. It provides secure user authentication, protected routes, and CRUD functionality to create, edit, and organize notes efficiently.

License

Notifications You must be signed in to change notification settings

Prince671/NotesFlow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

# 📝 NotesManager

A full-stack **Notes Management Application** built with **Node.js (Express)** for the backend and **React.js** for the frontend.  
This app allows users to create, manage, and organize their notes efficiently with authentication and protected routes.

---

## 🚀 Features
- User Authentication (Sign Up / Login / Logout)
- Protected Routes (Only accessible when logged in)
- Create, Read, Update, Delete (CRUD) Notes
- Organized folder structure for scalability
- Responsive frontend built with React
- Secure backend with Express and middleware

---

## 🏗️ Project Structure

NOTESMANAGER
│
├── BackEnd/
│   ├── config/
│   ├── middleware/
│   ├── models/
│   ├── node_modules/
│   ├── routes/
│   ├── .env
│   ├── .gitignore
│   ├── app.js
│   ├── package-lock.json
│   └── package.json
│
├── FrontEnd/
│   ├── dist/
│   ├── node_modules/
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   └── components/
│   │       ├── Login_SingUp.css
│   │       ├── Login.css
│   │       ├── Login.jsx
│   │       ├── Notes.css
│   │       ├── Notes.jsx
│   │       ├── NotFound.css
│   │       ├── NotFound.jsx
│   │       ├── ProtectedRoute.jsx
│   │       └── ...
│   ├── package.json
│   └── ...
│
└── README.md

---

## ⚙️ Tech Stack
### Backend
- Node.js
- Express.js
- MongoDB (via Mongoose)
- JWT Authentication
- Middleware for protection

### Frontend
- React.js
- React Router DOM
- CSS for styling

---

## 📦 Installation & Setup

### 1️⃣ Clone the repository
```bash
git clone https://github.com/your-username/NotesManager.git
cd NotesManager

2️⃣ Backend Setup

cd BackEnd
npm install

Create a .env file inside BackEnd/:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key

Run backend server:

npm start

3️⃣ Frontend Setup

cd FrontEnd
npm install

Run frontend React app:

npm run dev

🚦 Running the App

  • Backend → http://localhost:3000
  • Frontend → http://localhost:5173

📸 Screenshots

image image

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit PRs.


About

NotesManager is a full-stack notes management application built with Node.js (Express) for the backend and React.js for the frontend. It provides secure user authentication, protected routes, and CRUD functionality to create, edit, and organize notes efficiently.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published