Description

Expense Tracker 💰

About

A personal finance management app to track income, expenses, and manage your budget efficiently.

Features

• Add income and expense transactions
• Categorize transactions
• Filter by income/expense/all
• Real-time balance calculation
• Category breakdown statistics
• Persistent storage using LocalStorage
• Delete individual transactions
• Clear all transactions
• Responsive design

How to Use

1. Open index.html
2. Fill in transaction details:
   • Description
   • Amount
   • Category
   • Date
   • Type (Income/Expense)
3. Click “Add Transaction”
4. View transactions and statistics
5. Data is automatically saved

Technologies

• HTML5
• CSS3 (Grid, Flexbox, Gradients)
• JavaScript (LocalStorage, Array methods)

Categories

• 🍔 Food
• 🚗 Transport
• 🎬 Entertainment
• 💡 Utilities
• 🏥 Health
• 🛍️ Shopping
• 📚 Education
• 💵 Income
• 📌 Other

Key Features

• Summary – Shows total income, expenses, and balance
• Filter – View all, income only, or expenses only
• Category Stats – Visual breakdown of expenses by category
• LocalStorage – Data persists between sessions
• Delete – Remove individual transactions
• Clear All – Reset all transactions with confirmation

Learning Points

• LocalStorage API
• Form handling
• Array filtering and sorting
• DOM manipulation
• Responsive design
• Currency formatting