Personal Expense Tracker

A web-based Personal Expense Tracker built using HTML, CSS, JavaScript, FastAPI, and Matplotlib.
This application helps users manage their expenses efficiently by adding, viewing, deleting expenses, and visualizing spending patterns through graphs.

---

Features

• Add new expenses with:
  • Title
  • Amount
  • Category
• View all added expenses
• Delete expenses instantly
• Generate expense visualization graph
• Analyze spending patterns using charts
• Responsive and clean UI

---

Technologies Used

Frontend

• HTML5
• CSS3
• JavaScript

Backend

• FastAPI
• Python

Data Visualization

• Matplotlib (matplotlib.pyplot)

---

Project Structure

expense-tracker/
│
├── main.py           # FastAPI backend
├── index.html        # Frontend HTML
├── style.css         # Styling
├── script.js         # Frontend JavaScript
├── graph.py          # Expense graph generation
└── README.md         # Project documentation

---

Installation & Setup

Clone Repository

git clone https://github.com/your-username/expense-tracker.git
cd expense-tracker

Install Required Libraries

pip install fastapi uvicorn matplotlib

Run FastAPI Server

uvicorn main:app --reload

---

How to Use

1. Open the frontend in browser.
2. Add your expenses with title, amount, and category.
3. View all expenses in the dashboard.
4. Delete unwanted entries.
5. Generate graph to visualize expense distribution.

---

Graph Visualization

The application uses Matplotlib to generate graphical representations of expenses.

Graph Features

• Expense comparison chart
• Spending pattern analysis
• Category-wise expense visualization

---

API Endpoints

Get Expenses

GET /expenses

Add Expense

POST /expenses

Delete Expense

DELETE /expenses/{expense_id}

---

Future Enhancements

• Monthly/Yearly analytics dashboard
• Database integration (SQLite/MySQL)
• User authentication
• Export graphs as PDF/PNG
• Budget prediction using AI/ML

---

Author

Developed by Your Name

---

License

This project is open-source and free to use.