💸 Expense Tracker

A clean, minimalistic, and mobile-responsive web app designed to help you track your income and expenses in real-time. Perfect for personal finance management, this tool allows you to filter transactions by month, switch between light and dark themes, edit entries, and download transaction data — all while keeping your data stored safely in your browser.

---

🌟 Overview

The Expense Tracker is a simple yet powerful application that helps you manage your finances effortlessly. You can add, edit, and delete transactions, categorize them as income or expense, view month-wise breakdowns, and download your data for records. Whether you're budgeting for groceries or tracking salary credits, this app helps you stay on top of your money with clarity and control.

---

🌐 Try the Live Demo 🔗

---

🚀 Features

• ⚡ Real-Time Balance Updates
  Instantly updates your total balance, income, and expenses as you log transactions.

• 🧾 Chronological Transaction Log
  All your transactions are displayed in the order they were added.

• 💸 Income & Expense Categorization
  Clearly separate your earnings and spendings.

• ✏️ Edit Transactions
  Modify any transaction’s name, amount, type, or date anytime with a simple click.

• 💾 LocalStorage Support
  All transaction data is saved locally in your browser — no sign-in needed.

• 📱 Responsive Design
  Works beautifully on both desktop and mobile screens.

• 🌙 Day & Night Theme Toggle
  Switch between light and dark mode for visual comfort anytime.

• 📅 Monthly Summary & Filtering
  Select a specific month to view transactions, income, and expenses for that month.

• 📤 Download CSV (Monthly Export)
  Download a .csv file of transactions filtered by selected month — perfect for budgeting or accounting.

• 🔔 Styled Notifications
  Instant feedback when adding, editing, or deleting transactions.

---

💻 Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)

---

🛠️ Installation

• To run the Expense Tracker locally:

git clone https://github.com/CodeSaadUmair/Expense-Tracker.git
cd Expense-Tracker

• Then open index.html in your preferred web browser.

📝 Usage

• Fill in the transaction name, amount, and date.
• Choose whether it’s an Income or Expense.
• Click Submit to log the transaction.
• Use the month filter to view transactions for a specific month.
• Click Download CSV to export monthly transactions.
• Use the Edit icon to update any transaction’s details.
• Click the 🗑️ icon to delete any transaction.
• Toggle between light and dark themes using the top-right switch.

💡 Future Improvements

• Categorize transactions (Food, Rent, Transport, etc.)
• Add isual graphs for income/expense trends
• Multi-currency support
• Optional password/PIN lock for privacy

🤝 Contributing

Contributions are welcome! Feel free to fork the repo, submit pull requests, or open issues with feature suggestions and improvements.

🙏 Acknowledgments

Thanks to Icons8 for the icons used in this app.