Skip to content

Instantly share code, notes, and snippets.

@chriscarlsondev
Last active July 20, 2019 19:31
Show Gist options
  • Save chriscarlsondev/d97a05b35131bcb9e1796ee606e3ad30 to your computer and use it in GitHub Desktop.
Save chriscarlsondev/d97a05b35131bcb9e1796ee606e3ad30 to your computer and use it in GitHub Desktop.
Screen Inventory for the MuchToDo App

MuchToDo App

Screens

The MuchToDo App will include the followig screens initially:

  1. Landing Page
  2. Home Page
  3. Add New Task Page
  4. Add New Category 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 current open and completed tasks and provides access to key functionality.

Wireframe

User Flows

Home Page
User clicks + Add Task button → Add New Task Page
User clicks + Add Task Category button → Add New Category Page
User clicks checkbox next to incomplete task → Task moves to Completed Tasks lists and the task name has a strikethrough through it

Add New Task Page

This page allows a user to add a new task.

Wireframe

User Flows

Add New Task Page
User enters valid task and clicks Add Task button → Home Page
User enters invalid task name and clicks Add Task button → Error message displayed and they remain on Add New Task Page
User clicks Add New Category link → Add New Category Page

Add New Category Page

This page allows a user to add a new category to categorize their tasks.

Wireframe

User Flows

Add New Category Page
User enters valid category and clicks Add Category button → Home Page
User enters invalid category name and clicks Add Category button → Error message displayed and they remain on Add New Category Page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment