/quizzer-game

A simple quiz game using React and Opentdb API.

Primary LanguageJavaScript

Quizzer - A simple quiz game

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

gif-quizzer

Built With

Libs and Frameworks that was used:

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.

    quizzer-initial



  • 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.

    quizzer-wrong

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

    finalresult-quizzer



  • 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.

    ezgif-2-4d445327ed6b

Contact

Christofer Guimarães - LinkedIn - christoferguima@gmail.com

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

(back to top)