Simple web‑based money/expense tracker built with plain HTML, Materialize CSS, and JavaScript.
Check out the working version here:
Money Tracker Live
- ✅ Add new transactions (item name + amount)
- ✅ Edit existing transactions
- ✅ Delete single transactions
- ✅ Clear all transactions at once
- ✅ Real‑time total money calculation
- ✅ Clean UI powered by Materialize CSS + Font Awesome icons
- ✅ Easy to use — works on any modern browser, no backend needed
- HTML5
- CSS3 (Materialize CSS framework)
- JavaScript (Vanilla JS, DOM manipulation)
- Font Awesome (Icons)
- Clone the repo
git clone https://github.com/selvaganapathycoder/Money-Tracker.git Navigate to the project folder
cd Money-Tracker
Open index.html in your favorite web browser — the app will load and you can start tracking money immediately.
No build tools or server required — purely front‑end.
💡 Possible Improvements You Could Add Later
Persist data using localStorage, or integrate with a backend / API to save across sessions
Add categories (e.g. Food, Transport, Shopping) and filters
Distinguish between income vs expense, and show negative/positive values differently (e.g. green for income, red for expense)
Show date/time for each transaction
Responsive / mobile‑friendly layout improvements
Add analytics — total income / total expenses / net balance / charts
📄 License
This project is licensed under the MIT License — see the LICENSE file for details.
👤 Author
Selvaganapathy Coder
GitHub: selvaganapathycoder
Live demo: Money Tracker
Made with ❤️ using HTML, CSS, and JavaScript
If you want — I can also generate a GIF demo for you (a short screen-recording showing adding/editing/deleting items + total update) and include its Markdown snippet so you can just copy-paste it into README. ::contentReference[oaicite:1]{index=1}