📝 MyNotes App

MyNotes is a full-stack note-taking application built with React + Vite (frontend) and Express + MongoDB (backend).
It provides secure authentication using JWT (JSON Web Token) and allows users to create, view, edit, and delete notes in a simple, responsive UI.

🚀 Live Demo

🔗 View MyNotes Live

🛠 Tech Stack

Frontend

• ⚛️ React (with Vite for fast development)
• 🎨 Tailwind CSS (for modern styling)
• 🛣 React Router DOM (for navigation)
• 🔐 Context API (for auth & notes state management)
• 🔄 Axios (API requests)

Backend

• 🌐 Node.js + Express
• 🗄 MongoDB (Atlas) with Mongoose
• 🔑 JWT Authentication
• 🛡 CORS middleware

✨ Features

• 🔐 JWT Authentication (Login & Register with token-based security)
• 📝 Create, Read, Update, Delete (CRUD) Notes
• 👤 Protected Routes (only authenticated users can access notes)
• ⚡ Fast API integration with Axios
• 🎨 Responsive UI with Tailwind CSS
• 🛠 Context API for managing Auth and Notes globally
• 🚪 Logout functionality (clears token & context state)

📂 Project Structure

my-notes/
│
├── server/          # Express + MongoDB backend
│   ├── models/       # Mongoose schemas
│   ├── routes/       # Auth & Notes routes
│   ├── middleware/   # JWT auth middleware
│   └── server.js
│
├── client/         # React + Vite frontend
│   ├── src/
│   │   ├── components/  # Navbar, NoteCard, etc.
│   │   ├── context/     # AuthContext, NotesContext
│   │   ├── pages/       # Notes, Login, Register, etc.
│   │   └── App.jsx
│   └── index.html
│
└── README.md

---

1. Clone the repo

git clone https://github.com/Shashank-TS/MyNotes.git

2. Backend setup

cd server
npm install

Create a .env file

• PORT=5000
• MONGO_URI=your_mongodb_connection
• JWT_SECRET=your_jwt_secret

Start backend

npm run dev

3. Frontend setup

cd client
npm install

Create a .env file

• VITE_BACKEND_URI = http://localhost:5000

Start frontend

npm run dev

App will run at:

• Frontend → http://localhost:4000
• Backend → http://localhost:5000