Skip to content

Mob-programming to create a quiz app in React.

Notifications You must be signed in to change notification settings

pwangy/PROJECT-Redux-Quiz

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Redux quiz group project - Overview

Mob programming project with four others in my group. Over two collaboration days, our team's task was to build a multiple choice quiz using Redux on a topic of our choosing.

Learning objectives:

  • How to interact with the store using selectors or by dispatching actions
  • Practice working in a development team

Core Tech

  • Redux
  • React
  • JSX
  • Styled-Components

Completed Requirements

🔵 Blue Level

  • The quiz should have at least 5 questions.
  • When the user selects an answer, it should show if they were correct or not.
  • While going through the quiz, it should show which question you're on, or how many left - for example 'Question 5 / 15' or '10 questions left'.
  • When the user has answered all the questions, they should get to a summary screen which tells them how many they got correct or incorrect.
  • Challenge yourself to make use of redux by making small components which interact with the store - don't just go for one big component.
  • Don't forget CSS! Your quiz should be well styled.

🔴 Red Level (Intermediary Goals)

  • After selecting an answer, highlight the correct answer if they chose incorrectly.

View it live

https://foxes-nerd-quiz.netlify.app/

About

Mob-programming to create a quiz app in React.

Topics

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 83.6%
  • CSS 9.8%
  • HTML 6.6%