A family product, built wireframe-first
A webapp for families coordinating meal support around a life event: supporters claim dinner nights and help arrives as dinner. Designed as 42 wireframe frames before build, on Next.js 16, Tailwind 4, and Supabase with row-level security in the first migration.
- Role
- Stack
- Years
- Status
Dinner is the help people actually want to give
Families in a hard season get offers of help that are awkward to accept. MealWarp gives each family a page where supporters claim a night and dinner just arrives.
Forty-two frames before the first component
Every surface was drawn before it was built: public page, owner setup, claim sheet, handoff guides, notes. The frames are the contract the code answers to.
The schema carries the product rules
Nine tables with fifteen row-level-security policies in the first migration, so the database enforces who sees what. Magic-link auth scaffolded on Supabase; a design system of eight primitives under brand tokens.
The build gets audited against the drawings
A standing reconciliation review compares code to the frames, names every gap with a verdict, and keeps stale plans from shipping. Verifier outputs (class audits, compiled CSS, DOM snapshots) make the check repeatable.
The next gate: a real family, then the public
Deploy preparation is done and the production push is a deliberate human gate. The pilot family runs it first; payments and the wider surfaces follow the same wireframe-first loop.
