Expense Tracker
A full-stack web application to manage personal finances by adding, editing, deleting, and categorizing expenses. The app provides an overview of balance and date-wise expense tracking with a clean and responsive UI.
π Features π Authentication β User login/register with JWT-based security β Add / Edit / Delete expenses π Categorize expenses (Food, Travel, Shopping, etc.) π Date-wise tracking of expenses πΎ Persistent storage with MongoDB π¨ Responsive UI/UX built with React + TailwindCSS
π οΈ Tech Stack Frontend: React, TypeScript, TailwindCSS Backend: Node.js, Express.js Database: MongoDB (Mongoose) Auth: JWT (JSON Web Tokens) Deployment: [Vercel / Render / Heroku]
β‘ Getting Started 1οΈβ£ Clone the repo git clone https://github.com/your-username/expense-tracker.git cd expense-tracker
2οΈβ£ Install dependencies npm install
3οΈβ£ Setup environment variables
Create a .env file in the root and add:
MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_secret_key
4οΈβ£ Run the app npm run dev
Frontend: http://localhost:5173 Backend: http://localhost:3000
π¦ Folder Structure expense-tracker/ βββ client/ # React frontend βββ server/ # Express backend βββ models/ # MongoDB schemas βββ routes/ # API routes βββ controllers/ # Request handlers βββ README.md
π Future Improvements π Expense analytics with charts (monthly/yearly trends) π€ Export reports (CSV/PDF) π Dark mode support π€ Contributing
Contributions are welcome! Please fork the repo and submit a PR.
π§ Author Aditya Dewan
GitHub: adityadewan22-hub