View - Grocery List Quick Edit

[MattKraatz]

User Story/Feature Description

When a user navigates to the Grocery List, they will be presented with a list of Grocery Item Cards grouped by grocery aisle. Each Card will display a title, image, quantity, unit and recipe (if applicable). Quantity and unit will be editable fields to be adjusted on the fly as the user is actually in the grocery store.

Each Card will include a checkbox to mark the item as having been purchased, and a delete button. If the Card is tied to a recipe, the user will be prompted to remove that meal plan recipe before removing the Grocery Card.

At the top of the list will be a button to allow the user to add an item to the list, or to Complete the Grocery list. Completing the grocery list will remove all items that were marked as purchased.

Recommended Actions

1. XAML

Impacted Modules

[MattKraatz]

Still To-Do:

• Add new GroceryItem to list (request details from Spoonacular)