Skip to main content

Case study

ProjectsLedgerCategory budgets stay on the same store as the spend

Ledger
Showing still 1 of 5

Category budgets stay on the same store as the spend

Ledger

Production

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • Zod
  • TanStack Form
  • TanStack Query
  • TanStack Pacer
  • TanStack Table
  • TanStack Charts
  • Postgres
  • Motion

Summary

Budgets create, edit, and delete a category maximum, then show spend, remaining, and the latest matching transactions.

Result

Allocation stays honest when a category is empty. Mutations are owned by the signed-in account.

Lesson

A budget screen copied from a challenge is not a budget until it writes to that person’s store.

Open Ledger budgets (opens in a new tab)