Projects/02

Budget & Expense

Personal finance, in English and Spanish.

Production

Next.js 16 · React 19 · Tailwind v4 · Base UI · Supabase · Recharts · Zod

This is the finance app I wanted for myself. English and Spanish. Envelopes, investments, giving, and a few currencies.

What it does

  • Dashboard with balance, monthly spend, and how those changed
  • Envelope budgeting with a progress bar per pool
  • Movements with full history and a calendar you can click into
  • Investments and net worth next to day-to-day spending
  • Imports: CSV in the app, plus Santander statements
  • Multi-currency (20 currencies, EUR as the base) with conversion
  • Spending charts by category, via Recharts

Build notes

Next.js 16, React Server Components, Supabase (auth, Postgres, row-level security), Tailwind CSS v4, Base UI. Soft neutrals, tabular-nums on every number, green for up, rose for down. Phone gets a bottom nav. Desktop gets a sidebar.

Status

Live, and I'm still adding to it. Lately: calendar, transfers, net worth, CSV import.