GyattChores
GYATT-2025-12 · Live
Overview
A single-page React 18 app, compiled in the browser with Babel Standalone and backed by Supabase and PostgreSQL for auth, real-time scoring, and the approval workflow. Children log completed chores, parents approve them, and points convert to real money on a tiered monthly payout. It installs to an iOS home screen as a PWA and ships a weekly GOAT leaderboard, achievement badges, a weather and daily-quote dashboard, and a dark and light theme.
Stack
React 18Babel StandaloneSupabasePostgreSQLPWA / iOS installGitHub Pages
Features
- Points economy: 250 points = $1, with tiered payouts on the last Friday of each month
- Parent approval workflow that keeps scoring honest
- Weekly GOAT leaderboard plus achievement badges for milestones and streaks
- 19+ configurable chores with per-chore cooldowns
- Dashboard with weather widget, daily quote, and pull-to-refresh
- Installable PWA with dark and light themes
Key Technical Challenge
Designing a points economy and approval workflow that kids cannot game, while keeping real-time leaderboards in sync across several devices on Supabase.
Lessons Learned
Most of the iteration lived in the rules, not the code. Cooldowns, payout tiers, and approval states drove more revisions than the UI did.