🗺️ Cooco App — Project Roadmap
The master planning document for Cooco App, including the list of features, screens, data models, priorities and development milestones.
📊 Overview
| Metric | Value |
|---|---|
| 🏆 Completed | 0 tasks |
| 🟡 In Progress | 1 task |
| ⚪ To Do | 31 tasks |
| 🔴 P0 | 1 🟠 P1: 4 🟡 P2: 7 🔵 P3: 2 |
🏁 Milestones
| Milestone | Description |
|---|---|
UIUX | Design System — interface & experience |
AppHome | App shell & core features |
AppAI | AI & Intelligence modules |
AppDeploy | Deploy to App Store & Play Store |
📋 Roadmap Summary Table
| Task Group | Sub-Task | Milestone | Priority | PIC | Status | Deadline |
|---|---|---|---|---|---|---|
| Demo App | General layout | UIUX | P0 | Mr. Ngan / PIX | 🟡 In progress | 1/5/2026 |
| UIUX | Design System — Top Nav | UIUX | P1 | — | ⚪ To Do | — |
| UIUX | Design System — Bottom Bar | UIUX | P1 | — | ⚪ To Do | 5/11/2026 |
| UIUX | Design System — Main content | UIUX | P1 | — | ⚪ To Do | 5/11/2026 |
| UIUX | Design System — Theme / Font | UIUX | P1 | — | ⚪ To Do | 5/11/2026 |
| UIUX | Splash / Welcome Screen | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 1. Onboarding | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 2. My Fridge | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 3. Explore Recipes | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 4. Meal Planning | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 5. Grocery List & Deals | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 6. Cooking Mode | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Step 7. Share & Community | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Ingredient Database | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Navigations | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Authentication | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| UIUX | Chatbox | UIUX | — | — | ⚪ To Do | 5/11/2026 |
| Frontend | Splash / Welcome Screen | AppHome | P3 | — | ⚪ To Do | 5/13/2026 |
| Frontend | Step 1. Onboarding | AppHome | P2 | — | ⚪ To Do | 5/13/2026 |
| Frontend | Step 2. My Fridge | AppHome | P2 | — | ⚪ To Do | 5/15/2026 |
| Frontend | Step 3. Explore Recipes | AppHome | P2 | — | ⚪ To Do | 5/15/2026 |
| Frontend | Step 4. Meal Planning | AppHome | P2 | — | ⚪ To Do | 5/15/2026 |
| Frontend | Step 5. Grocery List & Deals | AppHome | P2 | — | ⚪ To Do | 5/15/2026 |
| Frontend | Step 6. Cooking Mode | AppHome | P2 | — | ⚪ To Do | 5/18/2026 |
| Frontend | Step 7. Share & Community | AppHome | P2 | — | ⚪ To Do | 5/18/2026 |
| Frontend | Notifications | AppAI | P3 | — | ⚪ To Do | 5/20/2026 |
| Frontend | Chatbox | AppAI | — | — | ⚪ To Do | 5/20/2026 |
| Frontend | AI Integration | AppAI | — | — | ⚪ To Do | 5/25/2026 |
| Backend | AI | AppAI | — | — | ⚪ To Do | 5/25/2026 |
| Backend | Data Processing | AppAI | — | — | ⚪ To Do | 5/25/2026 |
| Deploy | App Store (iOS) | AppDeploy | — | — | ⚪ To Do | 5/27/2026 |
| Deploy | Play Store (Android) | AppDeploy | — | — | ⚪ To Do | 5/29/2026 |
📁 Demo App for Layout
Priority:
P0| PIC: Mr. Ngan / PIX | Status: 🟡 In progress | Deadline: 📅 1/5/2026 | Milestone:UIUX
Layout demo to confirm the overall design direction before beginning the official design system.
📁 UIUX — Design System UIUX
Deadline: 📅 5/11/2026 | Milestone:
UIUX
🧱 Design System
Priority:
P1
Build the core design foundation of the app:
- Top Navigation — Header, breadcrumb, back buttons
- Bottom Bar — Main tab bar navigation
- Main Content — Grid, card, list layouts
- Theme & Typography — Style, font, Light / Dark / Holiday mode
📱 Splash Screen / Welcome Screen
- 1. Splash Screen
- 2. Welcome Screen (shown only on first launch)
- 3. Permission primer
- Camera (barcode / bill scan)
- Notifications (meal reminders, expiry alerts)
- Location (local deals — optional)
📊 Data to collect
- App install / session: device, locale, timezone
- Consent flags: camera, notifications, location
📱 Step 1. Onboarding
- 1. Profile setup — Name, household role (optional)
- 2. Dietary preferences — Vegan / Vegetarian / Keto / Balanced, allergies, dislikes
- 3. Household & goals — Household size, calorie goal (optional), cooking frequency
- 4. Cooking constraints — Time preference, skill level, cuisine preferences
- 5. Connect data sources (optional) — "Scan fridge now" / "Upload grocery bills" / "Skip"
- 6. Notification setup — Expiry alerts, meal reminders, shopping reminders
- 7. Onboarding complete → "Your first recipe" landing
📊 Data to collect
- Name, email, profile photo
- Dietary preferences (Vegan, Keto, Balanced, Gluten-free…)
- Household size, calorie goals, cooking frequency
- Food allergies / restrictions
- Preferred cooking times, notification preferences
- Shopping day preferences
- Initial fridge items (if user chooses to add)
📱 Step 2. My Fridge
- 1. My Fridge home — Tabs: Fresh | Pantry | Freezer
- 2. Add ingredients — Manual / Barcode scan / Bill scan
- 3. Ingredient detail / edit — Quantity, unit, expiry date, storage, notes
- 4. Smart inventory view — Color-coded list by expiry status
- 5. Quick actions — Mark as used / Update quantity / Move location
- 6. Inventory import review — Confirm items from scan
- 7. Empty state — Prompt to add items / scan first bill
- 8. Recipe Suggestions Screen (based on current inventory)
📊 Data to collect
- Item name, category (Fresh / Pantry / Freezer)
- Quantity & unit, expiry date, purchase date
- Storage location, item photo (optional)
- Barcode / UPC (if scanned), usage history
- Item status: fresh / expiring soon / expired
📱 Step 3. Explore Recipes
- 1. Explore home — "For You" (fridge + diet) | "Trending" | "Quick meals (≤30 min)"
- 2. Search — Query + recent searches
- 3. Filters — Time, difficulty, cuisine, dietary, include/exclude ingredients
- 4. Recipe detail — Ingredients (Have vs Missing) / Steps / Nutrition / Serving selector
- 5. Recipe actions — Save / Add to meal plan / Cook now
- 6. Unit settings — Metric / Imperial
- 7. Recipe Save / Collections Screen
- 8. Add to Meal Plan
📊 Data to collect
- Recipe views, saves/favorites, ratings, completion status
- Search queries, filter preferences, time spent
- Recipe sharing activity, ingredient availability matches
- Comments, followed creators
📱 Step 4. Meal Planning
- 1. Meal planner home — Weekly calendar (7 days) + list view (optional)
- 2. Daily Meal View Screen
- 3. Add meal to slot — From recipe detail / Browse / Quick add (optional)
- 4. Smart suggestions — "Complete your meal" / "Use expiring items" / "Prep day batch"
- 5. Meal plan review — Nutrition summary, prep time, missing ingredients
- 6. Generate shopping list — Review before creating
- 7. Edit Meal Screen
📊 Data to collect
- Planned meals (date, time, recipe), meal type (Breakfast / Lunch / Dinner / Snack)
- Serving sizes, nutritional data per meal & weekly totals
- Meal plan completion rate, recipe swaps/changes
- Generated shopping lists, prep time estimates
📱 Step 5. Grocery List & Deals
- 1. Shopping list home — Active list(s), history
- 2. Generated list review — Auto-generated from meal plan, minus current inventory
- 3. List item detail / edit — Quantity, unit, brand preference, substitute
- 4. Smart grouping — Produce / Dairy / Pantry / Condiments…
- 5. Deals Discovery Screen
- 6. Shopping List Share Screen
- 7. Post-shopping capture — Bill scan / Quick add / Substitution confirm → update meal plan
📊 Data to collect
- Shopping list items (name, quantity, category), item priority
- Deal engagement (viewed, saved, used), purchase history
- Receipt data (items, prices, store, date)
- Items marked as purchased, shopping frequency
📱 Step 6. Cooking Mode
- 1. Pre-cook checklist — Confirm servings, Have vs Missing
- 2. Cooking mode (step-by-step) — Step navigation
- 3. Timers — Create / Start / Pause / End timers per step
- 4. Ingredient checklist — Tick-off when used
- 5. Smart tracking — Auto-deduct ingredients from fridge (with review), portion tracking
- 6. Cook summary — Mark cooked / Rate recipe / Share dish
📊 Data to collect
- Recipe started timestamp, current step, step completion time
- Ingredients used, recipe completion status
- Recipe difficulty rating, user rating (1–5 ⭐), written review
- Photos of finished dish, modifications made
- Fridge inventory updates, cooking history log
📱 Step 7. Share & Community
- 1. Share dish entry — Upload photos (post-cook)
- 2. Edit post — Caption, tags, difficulty rating, tips, recipe attribution
- 3. Publish confirmation
- 4. Community feed — Following + For You
- 5. Post detail — Comments, Like/Save, "Try this" CTA
- 6. Profile — User posts, saves, followers/following
- 7. Notifications (community) — Likes / comments / saves / recipe tries
📊 Data to collect
- Post content (photos, videos, text), recipe tags/attribution
- Hashtags used, privacy settings (public / friends / private)
- Post engagement: likes, comments, saves, shares
- Content creation frequency, community challenge participation
- Cooking streaks, points/rewards earned
- Block / report actions
:::note Related Documents
- User Rewards Scheme
- Badge / reward system design :::
📱 Ingredient Database
- 1. Ingredient Search Screen
- 2. Ingredient Detail Screen
- Overview: name, category, storage notes
- Nutrition: per 100g + per serving
- 3. Add / Edit Ingredient (Inventory Item)
- Add: quantity + storage + expiry
- Edit: same fields
- Scan Import Review: confirm detected items
:::note Related Documents
📱 Navigations
- 1. Main Navigation Bar (persistent)
- 2. Top Navigation Bar — Search / Notifications / Profile
- 3. Search Results Screen
- 4. Notifications Center Screen
- 5. Settings Screen
- 6. Profile Edit Screen
- 7. Account Management Screen
- 8. Privacy Settings Screen
- 9. Help & Support Screen
- 10. About / FAQ Screen
📱 Authentication
- 1. Login Screen
- 2. Sign Up Screen
- 3. Forgot Password Screen
- 4. Email Verification Screen
- 5. Terms & Conditions Screen
- 6. Privacy Policy Screen
📊 Data to collect (Analytics)
- App usage frequency, session duration
- Feature adoption rates, navigation paths
- Error logs, crash reports, performance metrics
- Search queries, notification interaction rates
- Settings preferences, device type & OS version
- App version, language preferences, accessibility settings
💬 Chatbox
Deadline: 📅 5/11/2026
AI chatbox feature — details to be added.
📁 Frontend / Mobile App AppHome AppAI
Milestone:
AppHome→AppAI
Implementation List
| Screen / Feature | Priority | Deadline | Milestone |
|---|---|---|---|
| Splash / Welcome Screen | P3 | 5/13/2026 | AppHome |
| Step 1. Onboarding | P2 | 5/13/2026 | AppHome |
| Step 2. My Fridge | P2 | 5/15/2026 | AppHome |
| Step 3. Explore Recipes | P2 | 5/15/2026 | AppHome |
| Step 4. Meal Planning | P2 | 5/15/2026 | AppHome |
| Step 5. Grocery List & Deals | P2 | 5/15/2026 | AppHome |
| Step 6. Cooking Mode | P2 | 5/18/2026 | AppHome |
| Step 7. Share & Community | P2 | 5/18/2026 | AppHome |
| Notifications | P3 | 5/20/2026 | AppAI |
| Chatbox | — | 5/20/2026 | AppAI |
| AI Integration | — | 5/25/2026 | AppAI |
info
Frontend screens are implemented based on designs approved during the UIUX phase.
📁 Backend AppAI
Deadline: 📅 5/25/2026 | Milestone:
AppAI
🤖 AI
AI engine integration — details to be added.
⚙️ Data Processing
- Recipe categorizing & tagging pipeline
📁 Deploy AppDeploy
| Platform | Deadline | Milestone |
|---|---|---|
| 🍎 App Store (iOS) | 5/27/2026 | AppDeploy |
| 🤖 Play Store (Android) | 5/29/2026 | AppDeploy |