Skip to content

Instantly share code, notes, and snippets.

@chriscarlsondev

chriscarlsondev/Minced-ScreenInventory.md

Last active August 8, 2019 22:36
Show Gist options
  • Save chriscarlsondev/b7ec409943a20c0eb03622c958bbba4e to your computer and use it in GitHub Desktop.
Save chriscarlsondev/b7ec409943a20c0eb03622c958bbba4e to your computer and use it in GitHub Desktop.
Download ZIP
Screen Inventory for the Minced App
Raw
Minced-ScreenInventory.md

Minced App

Screens

The Minced App will include the followig screens initially:

  1. Landing Page
  2. Home Page
  3. Add Recipe Page
  4. View Recipe Page

Landing Page

This page that gives a basic explanation of what the app is and how to use it.

Wireframe

User Flows

Landing Page
User clicks Get Started Button → Home Page

Home Page

This page gives a view of a list of the recipes that have been added and provides access to key functionality.

Wireframe

User Flows

Home Page
User clicks Add Recipe button → Add Recipe Page
User clicks Recipe Title → View Recipe Page

Add Recipe Page

This page allows a user to add a new recipe.

Wireframe

User Flows

Add Recipe Page
User clicks app logo → Home Page
User enters all required and valid recipe data and clicks Add Recipe → View Recipe Page for new recipe just added
User enters invalid recipe data → Error message displayed and they remain on Add Recipe Page

View Recipe Page

This page allows a user to view an existing recipe.

Wireframe

User Flows

View Recipe Page
User clicks app logo → Home Page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment