Budget Tracker Web App

Intermediate Data Medium

A browser-based personal finance tracker that lets users add income and expense entries and visualises the balance over time with a simple chart.

Download Starter Code

Add income and expense entries
Show running balance
Colour-code entries by type
Render a bar chart of monthly totals

Follow these steps in order. Each one builds on the previous.

0% completed

Step 1
Build the HTML form for adding entries
Step 2
Store entries in a JavaScript array
Step 3
Render the entry list dynamically
Step 4
Calculate and display the running balance
Step 5
Group entries by month for chart data
Step 6
Import Chart.js via CDN
Step 7
Render a bar chart using the monthly totals
Step 8
Add delete functionality for individual entries

Starter Code

Loading starter code...