React Trivia Game in React

[Live-Demo] (https://quiz.chitran.de/)

A Quiz App built with Reactjs

• API calls to Free Trivia DB
• User can choose questions from a list of categories
• Check button: Show user's selected answer is correct or not
• User get coins in case having a correct answer
• Keep track of previous user's answers
• Set play again option

Categories:

• All (by default)
• Science and Nature
• Computers
• Sports
• History
• Art

User Journey

• land on page
• select a category (optional)
• start game:
  • 10 Question appear in sequence
  • Check if answer is correct or not
  • Next question
  • See the Coins on display
  • Play again?

Issues :

1. (Fixed) styled-components expectedts-styled-plugin(9999) https://github.com/microsoft/typescript-styled-plugin

2. (Fixed) json file Trailing commas https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Trailing_commas

3. (Fixed) encode & decode encode=base64 and btoa() method https://www.w3schools.com/jsref/met_win_atob.asp