FinTrack – Personal Finance Manager

FinTrack is a full-stack personal finance tracking application built using the MERN stack. It enables users to manage income, expenses, financial insights, and budgeting through a clean, intuitive interface.

---

Deployed Link

Access the application here:
https://fintrack-five-pink.vercel.app

---

Overview

FinTrack provides a reliable and minimal solution for tracking personal finances. It features:

• A customizable dashboard
• Transaction management
• Filter options (by category, type, date)
• Categorized record-keeping
• Data insights and analysis

---

Features

• View financial summaries on a modern dashboard
• Add, edit, and view income or expense transactions
• Use default and custom categories
• Filter data by type, category, and date
• Quick amount input buttons (₹100, ₹500, ₹1000, ₹5000)
• Dark-themed responsive UI
• AI insights and user authentication (planned)

---

Folder Structure

Fintrack/
├── backend/
│   ├── config/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── .env
│   ├── server.js
│   ├── test-connection.js
│   └── package.json
├── frontend/
│   ├── index.html
│   ├── dashboard.html
│   ├── login.html
│   ├── script.js
│   ├── login.js
│   ├── auth.js
│   ├── styles.css
│   ├── tailwind.config.js
│   └── package.json
└── README.md

---

Tech Stack

Frontend

• HTML5
• CSS3
• Tailwind CSS
• JavaScript
• React (planned)

Backend

• Node.js
• Express.js
• MongoDB (Mongoose)

Deployment

• Frontend: Vercel
• Backend: Local/Cloud Deployment

---

Installation and Setup

Backend

cd backend
npm install

Create a .env file with:

PORT=5000
MONGO_URI=your_mongodb_connection_string

Start backend server:

npm start

Frontend

cd frontend
npm install
npm run dev

---

Libraries and Tools Used

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)
![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)
![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)

---

Author

Teja Mallam
GitHub
LinkedIn
Email: tejamallam1233@gmail.com

---

Contributing

Contributions are welcome. Please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature-name)
3. Make your changes
4. Commit (git commit -m "Add feature")
5. Push (git push origin feature-name)
6. Open a pull request

---

License

This project is licensed under the MIT License.