Expense Tracker App
Project Overview
The Expense Tracker is a responsive web application built using HTML, CSS, and Vanilla JavaScript to help users manage their daily income and expenses. The application calculates balances in real time, stores transaction history using LocalStorage, and provides a clean interface for tracking personal finances.
This project was built to strengthen my understanding of JavaScript fundamentals, state management, DOM manipulation, and data persistence while creating a practical real-world application.
Technologies Used
Key Features
- Add income and expense transactions
- Real-time balance, income, and expense calculations
- Delete transactions instantly
- Persistent data storage using LocalStorage
- Indian currency formatting (₹)
- Responsive interface
- Scrollable transaction history
- Form validation for reliable input handling
What I Learned
- DOM manipulation and dynamic UI updates
- Managing application state without frameworks
- LocalStorage for persistent data
- CRUD-style operations using JavaScript
- Array methods like reduce(), filter(), and forEach()
- Building reusable JavaScript functions
- Real-time financial calculations