Personal Budget Tracker Web App

Project roadmap

1. 01

   Scaffold the project

   ~1h

   Set up a Vite project configured for TypeScript.

2. 02

   Define the Transaction model

   ~1h

   Define a Transaction interface and a category enum.

3. 03

   Build the transaction form

   ~2h

   Build a form for adding and editing income/expense entries.

4. 04

   Implement category summaries

   ~1.5h

   Compute totals and per-category summaries from the transaction list.

5. 05

   Persist to localStorage

   ~1.5h

   Save and load transactions from the browser's localStorage.

6. 06

   Add a spending chart

   ~1.5h

   Render a simple bar chart of spending by category.

Resources

• DocsTypeScript Documentation