PlatefulAI
Mobile meal planner: pick meals, get a grocery list, track calories and protein.
Player Team of 5: app shell, Auth0 login, meal-planning flow, deploy
- React
- Vite
- MUI
- Auth0
- Chart.js
- Vercel
Read the manual
A mobile-first meal planner: choose meals and servings, turn them into a grocery list, and track calories and protein against personal targets. Our team of five built it as a front-end prototype on mock meal data, so the “AI-powered meal prep” step is a UI concept.
- Set up the React + Vite app with Auth0 login, the start and home screens and bottom-tab navigation, and deployed it on Vercel.
- Built the meal-planning flow: favourites, filtering out meals that clash with saved allergies and diets, a meal-details view, and meal and serving selection.
- Teammates built the grocery list and meal data (Mohammad Mohsin Khan), the calorie and protein tracker (Wajdan Faheem), and profile and target settings (Jasmine Sun-Hu).
Co-op with Mohammad Mohsin Khan, Wajdan Faheem, Jasmine Sun-Hu, Hammad.
▶ Strategy guide (case study)▶ Live demo