sarahrudy / quiz-me Goto Github PK

Scenario

A user clicks on one of three buttons and is given questions based on the difficulty selected.

• 3 unique buttons (Easy, Medium, Hard)
• Found on dashboard (landing page)
• When clicked the difficulty described by the button is returned to be added to state.

Resources to consider

A11y contrast checker
Dyslexic safe fonts

Link proposals below

Trivia

• Test with front end and not postman
• Research expected payload for different requests
• Find Category code list ( used when generating endpoints)

Choose a PR template to unify workflow.

Scenario

When a user has answered all questions a submit button enables ( appears )on the screen. Once clicked question cards will change color based on incorrect or correct.

• The submit button is disabled until all questions are answered
• The submit button is enabled when all questions are answered
• When clicked the question answer on Card background changes to red or green ( Incorrect or Correct )
• Once clicked the button is disabled ( Either hide or change to display number of correct out of total)

Scenario

A user should be able to click a button ( Home or Return to X ) and be taken to the main page to choose another difficulty.

• Navigation button should only appear when away from difficulty selection page
• Located in the Nav component
• Clears global state of previous questions and difficulty selection.

Due 10am Sep 10

• MVP summary with a description the problem you are solving and your audience (be specific and don’t be afraid to narrow your audience!)
• The API you will use
• DTR (be as actionable, detailed, and specific as you can)
• Wireframes of your application (using any electronic or hand-drawn tool you would like)
• Links to your design inspirations, with description of what you hope to replicate in your project
• Links to your repos
• Project management tool (with some cards filled out and assigned to team members)
• A plan for how you will learn the stretch technology together as a group

Scenario

When a difficulty is selected the user is taken to a new view and is presented 10 questions to answer.

• When a difficulty (Easy, Medium, Hard) is clicked, the path is updated to that difficulty
• The difficulty is passed to the question component and is used in the GET request for the API.
• The Global state is updated with respective difficulty