Interactive demoBuilt for everyday life

Household Budget

A clickable household budget with debt history, smart rules and a money map.

Try the demo: Household Budget (opens in a new tab)

Fictional data

Household Budget: the overview dashboard and the money map, fictional demo data

Real household finances are never shown. Every screen here is captured from the public demo, which runs on a fictional household.

Full interactive demoFictional data

Try it yourself.

The whole app, opened on a fictional household: every page, chart and form, with no sign-in.

Try the demo: Household Budget (opens in a new tab)

What you can try

  1. 01Switch the overview between where the money went, income and the spending table.
  2. 02Turn the money map between its flat, galaxy and globe views.
  3. 03Confirm or recategorize three transactions waiting in the review inbox.
  4. 04Replay and zoom the debt history.
  5. 05Search, sort or add a transaction, and try the four themes.
What it is
The whole application, running on a fictional sample. Nothing you do reaches a real account.
Your changes
Runs in your browser on a sample household. Nothing is sent or saved; Reset demo, or a reload, puts everything back.
Good to know
  • Financial changes aren't kept, and the demo says so on every page.
  • Made for a desktop screen; it works on a phone, with less room for the charts.

Checked by hand 18 Oct 2026

Why it matters

A budget that works like an analyst's workbook: any number can be questioned, right down to the transactions behind it. Each copy serves one household.

  1. 01

    Spending insights

    Each card on the overview opens into an analysis workspace, down to the transactions behind every figure.

  2. 02

    Debt tracking

    Balances over time with credit limits and interest estimates, replayed month by month or update by update.

  3. 03

    Interactive money map

    Follow income through accounts and categories out to each payee, and see at a glance where it goes.

The details

Open any part for the full story.

Features8
  • Clickable overview cards that open into analysis workspaces.
  • A money map of where money flows, in flat, galaxy and globe views.
  • A monthly plan, and debt tracking with zoomable history, credit limits and interest estimates.
  • Transaction splits, and CSV or JSON import.
  • A review inbox and AND/OR rules that categorize transactions, with a person confirming what the rules can't.
  • A giving split for tithing and offerings.
  • Four themes, each with reduced-motion support.
  • One deployed copy serves one household; the code is kept as an empty template.
Technology
  • React
  • TypeScript
  • Vite
  • Cloudflare Workers
  • D1
  • Drizzle
  • shadcn/ui
  • Recharts
Development notes

My part

Sole builder.
Status and context
Status
In usePrivate · one household
When
Oct 2026
Kind
Built for everyday life

Who it’s for

One household that wants to see where its money goes, and be able to question any number.

Screens

budget-demo.daniel-kloosterboer.chatgpt.site
Budget overview in the dark theme for a fictional demo household: total debt, monthly spending, income and net cash flow cards with sparklines, above a “Where it went” bar chart

Budget overview in the dark theme for a fictional demo household: total debt, monthly spending, income and net cash flow cards with sparklines, above a “Where it went” bar chart

1 / 4

Related projects