Basic UI structure - atangster/food-waste-game GitHub Wiki

Conceptual layout

  • Top Section: Guest Profile

    • Animal avatar
    • Name
    • Dietary restrictions (icons or text)
    • Calorie target
  • Middle Section: Ingredient Area

    • Scrollable list (consider ListView or GridView) of available ingredients with their name and an image if possible.
  • Bottom Section: Feedback Area

    • A simple Text widget to display:
    • "Dish Match!" or "Try Again"
    • Score updates (if you have a basic scoring system)

Next Steps

  1. Populate Data: Create sample data for a few ingredients and a guest.
  2. Test with print: Add print statements in your model's logic to ensure you can fetch guest data and check dish compatibility.
  3. Link Data to UI: Connect the feedback Text widget to the results of your dish-matching logic.