Explore projects
JavaScriptbeginnerweb
Personal Budget Tracker
A web application that helps you track monthly expenses by category, with simple charts and a balance summary.
5 steps
Project steps
- 01
Setup HTML & CSS
Create the page structure with a transaction add form and a list.
- 02
localStorage CRUD
Save and read transactions from localStorage.
- 03
Categories and filtering
Add categories (food, transport, entertainment) and a monthly filter.
- 04
Pie chart
Integrate Chart.js to visualize expenses by category.
- 05
Export CSV
Add a CSV export button for filtered transactions.
Recommended resources
Ready to build this?
Fork the repo on GitHub and start building. A mentor will review your code when you open a PR.
5 steps
Tech stack
HTMLCSSVanilla JSChart.jslocalStorage