Meal planning UI

[andreygolubkow]

Meal planning UI

As a travel organiser I want to make a meal plan,
So that I don't spend full evening to make the plan

Acceptance criteria

1. The page contains Plan Configuration component:
   1. Component contains two fields for date:
      1. Arriving date
      2. Departure date
      3. Departure date can not be less that arriving date
   2. List of preferred ingredients
   3. Blacklist of ingredients
   4. Add snacks checkbox:
      1. If it's turned on, ask how much times needed for one day
   5. Button Make a plan:
   6. When user clicks it, Meal planning algorithm should be called
   7. Next, results will be appeared in MealPlanBrowserComponent
2. When we have ready meal plan, the page should contain MealPlanBrowserComponent
   1. The component has an information about the generated meal plan
   2. When meal plan was regenerated, information in component should be updated
   3. The component has several sections, one section - one day:
      1. Each section has a title which contains number of day and date (example: Day 1 (01.01.2023))
      2. Table is placed in each section, the table contains a meal plan for the day:
         3. Table has 4 columns: Main dish, Drink, Dessert and column for actions
         4. One row - one eating time, for example 3 rows - breakfast, lunch and dinner
   4. Download button is placed on the bottom of component:
      1. When user clicks it, the Text file should be downloaded:
         1. The file contains meal plan

Not all users suggestions will be supported in scope of this task. Some features will be implemented later.

Mockup

MealPlanConfigurationComponent

MealPlanBrowserComponent

Full following to the mockup is not required

Technical details

Users feedback

1. Meal selection depends on load. Sometimes we have a lot of trainings at during the day, so lunch should be fast for cooking
2. Ask to add some spice or sauce, also salt, pepper, sugar
3. Some groups wants to eat same dishes in all time. We have to ask favourite products and mix it with all
4. It's really hard to predict how much we need bread for trip
5. Products has short expiration date for warm weather, and long for cold weather
6. For final PDF:
   1. First page contains shopping list
   2. Total price
   3. Total weight
   4. Checklist with persons, to mark, who have paid for meal