christoferguimaraes / quizzer-game

A simple quiz game using React and Opentdb API.

Quizzer - A simple quiz game

A simple Quiz Game that was developed while I was studying and learning Frontend Development with ReacJS.

Built With

Libs and Frameworks that was used:

• React.js
• OpenTriviaDB
• MaterialUI
• Axios
• React-Icons

Getting Started

Click Here to view the live demo.

How to use locally:

1. Clone the repo

   git clone https://github.com/ChristoferGuimaraes/quizzer-game.git

2. Install NPM packages

   npm install

3. Run project

   npm start

Usage

• You can select the number of Questions, Difficulty and Category.
  The number of Questions is the only required one
  If you don't choose the difficulty and category, they will be RANDOM.
  And if you press the Reset button, that will RESET all the fields.
  
  

  
  
  

• After the API request, you will be able to select only one answer per question that will show to you if you are right or wrong, in case you are WRONG, it will show in green, the CORRECT ANSWER.
  
  
  
  

• When you answer all the questions, it will show a Final Result screen containing all answers.
  
  

  
  
  

• The final result will be save in the localstorage and you will be able to see it in the initial quiz screen, by clicking in the bottom icon.
  
  

Contact

Christofer Guimarães - LinkedIn - [email protected]

Project Link: https://github.com/ChristoferGuimaraes/quizzer-game

(back to top)