UX-PantryPal

Wireframes

The home page allows the user to navigate to either their Pantry or their Grocery List.

Pantry

From the Pantry page, the user will be given a few options for interaction depebding on what items they already have listed. The initial screen will be empty, and only have options for turning on notifications or adding a Pantry Item.

Upon selecting the “Add” button ( the “+” button in the top bar), the user will be prompted to input information about the item they wish to add. Once the information is typed out and the user clicks “Add Item”, the item will be displayed, along with any other previously added otems, to the Pantry.

Additionally, the user has the ability to edit or delete any items within the pantry.

Grocery List

Similarly to the pantry, the user begins with a blank list.

From here, a user can add an item to their grocery list:

Additionally, the user has the ability to add any item directly to their pantry.