Quizzical

Solo and final project from Scrimbas' Learn React for free course - A quiz app, questions fetched from OTDB API.

Figma file(s) copied of the design provided in the course by Scrimba.

Packages and libraries used:

• React (v18.2.0) with TS templates (TypeScript (v4.7.4))
• React Router DOM (v6.3.0)
• ReactContentLoader (v6.2.0)
• Normalize.css (v8.0.1)
• SASS (v1.53.0)
• js-base64 (v3.7.2)

Screenshots with a brief description for each:

1. Intro page:
   

   
   
   

2. Questions page:

   • fetching and displaying questions from the API:
     
   
   
   
   • selecting answers for each question:
     
   
   
   
   • check score and correct answers:
     
   
   
   

3. Not found page:
   

   
   
   

Some features/updates to add later on:

• add dark mode
• re-check logic of some components (Question, Questions, etc.) and apply "Separation of concern": https://felixgerschau.com/react-hooks-separation-of-concerns/