Skip to content

ChristoferGuimaraes/quizzer-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)