MealMapper
A cross-platform mobile app for meal planning, grocery list generation, and real-time household sync.
TypeScriptReact NativeSupabase
Overview
Born from a real problem my wife and I deal with every week: figuring out what to eat and then building a grocery order around it. MealMapper lets you plan meals for each day of the week and automatically generates a grocery list from the ingredients, taking the friction out of the whole process.
This was also my first project with a real backend. Supabase handles auth, a Postgres database, and realtime sync so both of us can see and edit the plan from our own devices.
Tech Stack
- Framework: React Native with Expo (SDK 52+)
- Navigation: Expo Router
- Styling: NativeWind (Tailwind CSS for React Native)
- State: Zustand + TanStack Query
- Backend: Supabase (Auth, Postgres, Realtime, Edge Functions)
- Build/Deploy: EAS Build + EAS Submit