Back to work
Live2026

Where did my money go?

A simple way to actually see where your money goes every month. It splits your spending into Needs, Wants, and Savings using the 50/30/20 rule, so you instantly know if you're overspending or staying on track. See your daily spending at a glance, get a monthly financial health score, search through every transaction you've ever logged, and spot high-spending days on a yearly heatmap. Built for real paychecks too, including salaries that don't land on the same date every month. Install it on your phone like a regular app and check your money anytime.

Where did my money go? demonstration

Highlights

  • Designed a dual budgeting-cycle system: a default calendar-month mode, and a 'Salary Cycle' mode that derives period boundaries from user-logged Income transactions, recalculating the 50/30/20 split against actual credited income rather than a fixed monthly figure.
  • Built a rolling cycle-length estimator that averages the user's past pay cycles to project days remaining in the current cycle, surfaced as a live Dashboard indicator for pacing daily spend.
  • Implemented multi-tenant data isolation on PostgreSQL with session-based auth (30-day token expiry), plus a full JSON export/import backup system and CSV export with computed Need/Want/Saving categorization per transaction.
  • Built a five-year income projection engine using compound annual growth against configurable salary and growth-rate inputs, driving the 50/30/20 allocation forecast shown in Setup.
  • Shipped as an installable PWA with offline shell caching via next-pwa, packaged with shadcn/ui and Tailwind for a consistent design system across Dashboard, Ledger, Analysis, and Calendar views.

Built with

Next.jsTypeScriptshadcn/uiTailwind CSSPostgreSQLRechartsnext-pwa