Welcome to my full-stack Expense Tracker application. This project helps users manage their personal expenses securely with authentication, expense tracking, and visual analytics.
- ✅ User Registration and Login (JWT authentication)
- ✅ Add, edit, and delete your expenses
- ✅ Only you can view your own data
- ✅ Pie chart + Bar graph to visualize spending
- ✅ Clean UI with TailwindCSS
- ✅ Responsive design for all screen sizes
| Layer | Tools Used |
|---|---|
| Frontend | React, Vite, Tailwind CSS |
| Backend | Node.js, Express |
| Database | MongoDB Atlas (Mongoose ORM) |
| Auth | JSON Web Token (JWT), bcryptjs |
| Charts | Recharts (Bar and Pie chart components) |
git clone https://github.com/Swaroop-Haridas/Expense_Tracker.git
cd Expense_Trackercd backend
npm installCreate a .env file inside backend/:
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=yourSuperSecretKey
PORT=5000Run the backend:
npm run devcd ../frontend
npm install
npm run dev- Register with your email and password.
- Login to your account (secure JWT-based auth).
- Add expenses with amount, category, description, and date.
- View your spending visually via charts.
- Edit/delete any of your own expenses.
- Logout when done — data remains private to your account.
- JWT-based Authentication
- Password Hashing with bcryptjs
- Protected API Routes
- User-specific Data Access