kabir-webDev / KnowledgeGate

Knowledge Gate is a Quiz application where a participant canchoose between different Categories and Difficulties level. Based on the participant’spreference the questions will be fetched dynamically from an API called "Trivia API"

Knowledge Gate Quiz:

Knowledge Gate is a Quiz application where a participant can choose between different Categories and Difficulties level. Based on the participant's preference the questions will be fetched dynamically from an API called "Trivia API". After answering 10 questions participant will get his/her score with a motivational gif based on the score.

Functionalities

---

• Read questions and their corresponding options from Trivia API
• When player starts game:

1. Choose questions based on participant's preferred Category
2. Display the answers in random order
3. Track the number of correct answers
4. After answering 10 questions participant will get his/her score
5. Participant will get a motivational gif based on his/her score

Technologies Used

---

• React
• Material-UI
• React Router
• FlexBox
• Trivia API

Instructional popup

Homepage Layout

Quiz Category Selection

Quiz Header and Progress Track

Final Score with Motivational gif

Website Link : https://knowledge-gate.netlify.app/

Download and enter "npm i" then "npm start" to run the project