Budget Tracker Web App

• 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.

1. Step 1

   Build the HTML form for adding entries

2. Step 2

   Store entries in a JavaScript array

3. Step 3

   Render the entry list dynamically

4. Step 4

   Calculate and display the running balance

5. Step 5

   Group entries by month for chart data

6. Step 6

   Import Chart.js via CDN

7. Step 7

   Render a bar chart using the monthly totals

8. Step 8

   Add delete functionality for individual entries

• Chart.js docs
• MDN DOM
• JavaScript arrays