Stage select

Gastador

LiveStage 2-7

A peso budget tracker in one HTML file: no framework, no build step, no backend.

Month view: left to spend and the daily allowanceOpen this figure at full size
Fig 1 / 3Month view: left to spend and the daily allowance
Size
~40 KB
Files
1
Build steps
0
Play it liveSource
  • HTML
  • CSS
  • JavaScript
  • SVG
  • Vercel

About

It answers one question — how much can I still spend this month? Income minus bills, savings deposits and expenses, shown as a daily allowance until payday.

Highlights

  • HTML, CSS and vanilla JavaScript in a single file; a self-check asserts the month maths on load.
  • Hand-drawn SVG spending chart, category breakdown, recurring bills, and savings goals that show the monthly amount needed.
  • JSON backup and per-dataset CSV export; data stays in the browser.