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
ListVieworGridView) of available ingredients with their name and an image if possible.
- Scrollable list (consider
-
Bottom Section: Feedback Area
- A simple
Textwidget to display: - "Dish Match!" or "Try Again"
- Score updates (if you have a basic scoring system)
- A simple
Next Steps
- Populate Data: Create sample data for a few ingredients and a guest.
- Test with print: Add print statements in your model's logic to ensure you can fetch guest data and check dish compatibility.
- Link Data to UI: Connect the feedback
Textwidget to the results of your dish-matching logic.