Expense Tracker (MERN Stack)
A full-stack Expense Tracker application built with the MERN stack (MongoDB, Express, React, Node.js) to help users manage their expenses efficiently.
Features
->User Authentication – Secure login & signup using JWT
->Expense Management – Add, edit, delete, and categorize expenses
->Pagination – View expenses in pages (10 per page)
->Charts & Analytics – Interactive Pie Chart & Bar Chart for insights
->File Upload – Attach bill receipts while adding expenses
->Profile Section – View and update user details
Tech Stack
Frontend:
React, Bootstrap, Chart.js / Recharts
Backend:
Node.js, Express.js, MongoDB, JWT (Authentication), bcrypt (Password hashing)
Setup Instructions
1️. Clone the Repository:
git clone https://github.com/SREYASIVAN3/expense-tracker.git
cd expense-tracker
2️. Install Dependencies:
Backend:
cd server, npm install
install the wanted dependencies
Frontend:
cd client, npm install
install the wanted dependencies
3️. Set Up Environment Variables
Create a .env file in the backend folder and add:
DB=mongodb+srv://your-mongo-uri
JWT_SECRET=your-secret-key
PORT=8000
4.Run the Application
Backend:
cd backend, npm start
Frontend:
cd frontend, npm start
This is the Signup Page
Login page
After loggin in, it directs to dashboard
If you click MyExpense, it directs to
Add expense
