Budgard
A personal expense tracker PWA that fits in your pocket — installs like a native app, syncs across devices, and just works.
Tech Stack
React 19TypeScriptViteSupabase (Postgres, Auth, Storage, Edge Functions)shadcn/uiTailwind CSSRechartsreact-hook-form + ZodWeb Push APICloudflare TurnstileSentryDeployed on Netlify
Features
- Log expenses with amount, category, tag, date, currency, and drag-and-drop receipt photos (WebP compressed).
- Expense templates and recurring schedules — weekly, biweekly, monthly, quarterly, or yearly — generated automatically via Edge Functions.
- Multi-currency support with live exchange rates, plus CSV import and export.
- Analytics view with monthly snapshots, category breakdowns, sparkline trends, and year-over-year drill-down charts.
- Monthly budgets with color-coded progress alerts at 75%, 90%, and 100%.
- Spending insights — projections, peak days, weekend vs weekday patterns.
- Three themes (dark, light, Barbie) and seven accent colors, with custom emoji-tagged categories.
- Push notifications for due recurring expenses, inactivity nudges, and daily reminders.
- PWA — installs on iOS, Android, and desktop, with offline support and automatic sync.
- Shareable monthly report cards exportable as PNG.
- English and Greek language support, auto-detected.
- Passwordless auth via email magic links.