CashFlow Tracker
A simple browser-based budget tracker built with HTML, CSS, and JavaScript.
Features
- Add income and expense transactions
- View running total balance
- Persist transactions with localStorage
- See transaction history in a clean UI
- Get validation feedback through modal popups
Project Structure
index.html— app layout and form/UI elementsstyle.css— styles for layout, cards, list, and modalsscript.js— transaction logic, balance calculation, localStorage handling
How to Run
- Clone the repository.
- Open
index.htmlin your browser.
Usage
- Enter a transaction description.
- Enter an amount.
- Select transaction type (
incomeorexpense). - Click Add Transaction.
- View the updated balance and transaction history.
Notes
- Transactions are stored in your browser's localStorage under the key
transactions. - Clearing browser storage will remove saved transactions.