A Quiz App created using fetch to load questions from a 3rd party API and saves high scores in local storage.
This quiz app was created with the intention to learn how to integrate 3rd party APIs, and other features listed below:
- Create a progress bar
- Generate HTML in JavaScript
- JavaScript - Array Functions (splice, map, sort), Arrow Functions, Template Literals
- Save high scores in Local Storage
Google Font - Poppins Font Weight:
- Regular: 400
- Semi-bold: 600
- Bold: 700
CSS link: @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
- Start, Answer and Play Again Buttons - #8264B2
- Font Default - #5B4482
- Answer Select - #6F4077
- Correct - #649E5A
- Incorrect - #AE4646
- Text on Buttons - #FFFFFF
-
HTML
-
CSS
-
Vanilla JavaScript