💰 Expense Tracker

A professional web-based Expense Tracker built using HTML, CSS, and JavaScript.

It allows users to track income and expenses month-wise, manage budgets, and view financial analytics with AI-based spending insights.

---

🚀 Features

• 📅 Date picker with month-wise filtering
• 📊 Dashboard cards (Balance, Income, Expense, Savings %)
• 📈 Category-based analytics chart
• 🔔 Overspending alert popup
• 💰 Monthly budget system
• 🤖 AI spending suggestions
• 📋 Transaction history (saved permanently)
• 🔄 Sort transactions (Latest / Oldest)
• 🗑 Reset all data option
• 💾 LocalStorage data persistence

---

🛠 Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Chart.js

---

📁 Project Structure

expense-tracker/
│
├── index.html
├── css/
├── js/
└── assets/
    └── images/
        └── logo.png
        └── favicon.png

## 📦 How To Run

1. Download or clone the repository
2. Open the folder
3. Double-click `index.html`
4. Start tracking your expenses

---

## 💼 Resume Description

Developed a responsive Expense Tracker web application with monthly reporting, budget monitoring, transaction sorting, and AI-based spending insights using HTML, CSS, and JavaScript. Implemented LocalStorage for persistent client-side data storage and built dynamic dashboard analytics using Chart.js.

---

## 🔮 Future Improvements

- Dark mode toggle
- Export to PDF/CSV
- User authentication
- Cloud database integration
- Mobile responsive enhancements

---

Made with ❤️ by Suhani