← index
Budget & Shifts interface

Budget & Shifts

Year
2026
Focus
Full Stack
Stack
next.js, typescript, tailwind, supabase, framer-motion
Links
githublive

A personal tracker that pairs two things that usually live in separate apps: budget categories with monthly limits and progress bars, and clock-in/clock-out shift logging per employer, grouped by week. One "+" button captures anything in a single sheet with smart defaults.

Key features

  • budget categories with monthly limits, progress bars, and a net in/out summary
  • shift clock-in / clock-out per employer with weekly hours totals
  • one-tap capture sheet with in / out / shift toggle and smart defaults
  • month switcher for reviewing past budgets
  • email/password auth with row-level security, so you only ever see your own data

How it's built

Next.js App Router with Supabase for Postgres, auth, and row-level security. Every table is RLS-protected so the client can query directly without a bespoke API. Mobile-first layout with a bottom tab bar and sheet-based capture flow, animated with Framer Motion.