Milestone 1 Demo Plan - bounswe/bounswe2025group7 GitHub Wiki

Demo Plan – HeatH (Group 7)

1. Introduction

Project Name: HeatH
Team: BOUNSWE 2025 Group 7
Objective: Present a clear, realistic walkthrough of HeatH’s core functionalities across web and mobile platforms.
Goal: By the end of the demo, we aim to explain to the audience how HeatH helps users plan healthy meals, discover recipes, and manage their diets.

2. Problem Statement & Target Users

Problem

People often struggle to maintain healthy and balanced diets because they lack personalized nutritional guidance.
Most recipe or calorie-tracking apps operate in isolation and they don’t adapt to a user’s health profile.

HeatH addresses this gap by combining:

  • Smart Meal Planning.
  • Integrated Recipe Discovery and Shopping List features.
  • Cross-platform access (web + mobile) for continuous user engagement.

Target Users

  • Registered Users: Personalize health profiles, like/comment/save recipes, generate meal plans, and create shopping lists.
  • Dietitians / Experts: Add verified healthy recipes and provide professional recommendations.
  • Admins: Moderate content, verify dietitians, and ensure data consistency.

Vision

A cross-platform system where users can:

  • Register & authenticate securely.
  • Create and browse recipes aligned with their health preferences.

3. UX / Inclusive Design Strategy

Principle Implementation Example
Clarity & Simplicity Clean layout, clear icons, minimal text complexity
Accessibility High contrast (≥ 4.5 : 1), scalable fonts, alt text, intuitive error messages
Responsive Design Unified theme and layout for both web and mobile
Inclusivity Designed for diverse dietary needs and reading levels; supports accessibility standards

During the demo, we will emphasize accessibility features such as high-contrast components, readable fonts, and consistent iconography.

4. Web Demo – User Scenario 1: “New User Creates a Personalized Meal Plan”

Demonstrate a new user registering, filling in their health form, exploring recipes, etc.

🎯 Highlights

  • Authentication and Health Form fully functional.
  • Recipe feed populated with realistic seeded data.
  • Dynamic meal planner linked to backend filtering.
  • Shopping-list generation shown end-to-end.
  • Accessibility and responsive design demonstrated.

💬 Feedback We Seek

  • Is the Health Form intuitive?
  • Are meal-plan filters meaningful and user-friendly?
  • Is the shopping-list generation flow clear?
  • Any accessibility improvements recommended?

5. Mobile Demo – User Scenario 2: “Returning User Browses Recipes & Views Meal Plan”

🧭 Overview

Show a returning mobile user logging in, browsing recipes, and reviewing an existing meal plan synced from the web.

🔹 Steps

  1. Launch the Expo mobile app on device/emulator.
  2. Log in using an existing registered account.
  3. Land on the Home / Recipe Feed.
  4. Tap a recipe → view detailed ingredients and instructions.
  5. Switch to Profile → confirm saved preferences and history.

🎯 Highlights

  • Login / navigation fully functional.
  • Recipes and meal plans synced with user profile (mock or real API).
  • Consistent theming and UX between web and mobile.
  • Tab & stack navigation clearly demonstrated.

💬 Feedback We Seek

  • Is navigation logical and accessible?
  • Are icons and labels clear and consistent?
  • Does the mobile UX show intended functionality?
  • Are there missing screens or flows we should prioritize next?

6. Inclusive UX Showcase (During Demos)

We will demonstrate:

  • High-contrast visuals and scalable text.
  • Clear error and success feedback (e.g., invalid input, saved plan).
  • Future inclusivity plans: dark mode, multi-language support, voice commands.

7. Presentation Roles & Flow

Section Presenter Notes / Transition
Introduction + Problem + UX Kerem Haktan Sets context and transitions to web demo
Web Demo Kerem Demonstrates scenario 1
Mobile Demo Yiğit Demonstrates scenario 2
Wrap-up / Feedback Yiğit Kağan Summarizes and requests audience feedback

Transition Cue:
“Now that we’ve created a personalized meal plan on the web, Yiğit will show how users can seamlessly view and manage it on mobile.”

8. Rehearsal & Readiness Checklist

  • Web app deployed and reachable via HTTPS
  • Demo data (users, recipes)
  • Mobile login / navigation / theme working
  • Transitions practiced

9. Feedback Areas We Want

  1. Effectiveness of accessibility and design decisions
  2. Which features to expand for Milestone 2

✅ Milestone 1 Deliverables

  • Publicly accessible web app URL (HTTPS)
  • Working mobile demo (Expo)
  • Updated README + Wiki with this Demo Plan