Skip to content

System Demo Page

mtdang edited this page Oct 19, 2018 · 29 revisions

Pages

  1. Sign in Page
  2. Register Page
  3. Home Page
  4. Profile Page
  5. Search Page
  6. Search Results Page
  7. Recipe Details Page
  8. Meal Plan Page
  9. Pinned Recipes Page

Sequence of Steps Explanation

Sign In Screen

Upon initial open of the application, the sign in screen will appear that will give the option for a user with a pre-existing account to sign into their account. In this screen a user without an account will also be able to register and create a new account.

Sign In Screen --> Register Screen

This screen will require the user to enter fields needed to create an account. The required fields that will be on this screen are: name, username, email, password. The optional fields that will be on this screen are: dietary restrictions, weight, height, etc. There will also be the link t accept the terms and conditions for this application. When all required fields are filled out, the user will press the "Sign Up" button to proceed to the Search Screen.

Register Screen --> Search Screen

Sign In Screen --> Search Screen

The search screen will allow the user to search for a recipe by using text, filter by calories, filter macro nutrients, etc. On this screen, there will also be a list of recommended recipes.

Search Screen --> Search Results Page

The search results page will show the results of what the user searched in the previous page. This page will have fields that will allow the user to filter their search furter as well as also have recipe recommendations.

Search Results Page --> Recipe Details Page

The recipe results page will show all details about the recipe that the user chose to look at either from the search page or from the recommendations. This page will display the name, ingredients, steps to make, rating, and reviews of the recipe.

Meal Plan Page

The meal plan page will recommend meals to the user based on their preferences (dietary restrictions, weight, height, physical activity level, weight goal, meals/day, macros, etc.).

Pinned Page

The pinned recipe page will show the recipes that the user saved to look at in an a fast and easy way.


Storyboard Diagram

Storyboard