Build a Quiz App with HTML, CSS, and JavaScript

My completion of the popular course by James Quick.

Lectures

1. Create and Style the Home Page
2. Create and Style the Game Page
3. Display Hard Coded Questions and Answers
4. Display Feedback for Correct/Incorrect Answers
5. Create Head's Up Display (HUD)
6. Create a Progress Bar
7. Create and Style the End Page
8. Save High Scores in Local Storage
9. Load and Display High Scores from Local Storage
10. Fetch API to Load Questions from Local JSON File
11. Fetch API to Load Questions from Open Trivia DB API
12. Create a Spinning Loader

^{I changed small bits of the code to fit my programming style more - such as using .querySelector instead of .getElementById}

Udemy Course Description

Want to improve your core Web Development skills? Want to improve your knowledge of HTML, CSS, and JavaScript? In this course, you're going to learn how to build a Quiz application without the assistance of libraries or frameworks. Here are some of the topic we will cover!

• Save high scores in Local Storage
• Create a progress bar
• Create a spinning loader icon
• Dynamically generate HTML in JavaScript
• Fetch trivia questions from Open Trivia DB API

What you’ll learn

• ES6 JavaScript features like arrow functions, the spread - operator, const and let, and template literal string
• how to use the Fetch API to load trivia questions from an API
• how to store high scores in Local Storage
• how to use Flexbox, Animations, and REM units in CSS
• how to create a progress bar from scratch
• how to create a spinning loader icon from scratch

Are there any course requirements or prerequisites?

• a text editor (Visual Studio Code suggested)
• Google Chrome browser
• an excitement to learn!

Who this course is for:

• Beginner or aspiring Web Developers looking to learn core Web Development skills
• Intermediate Web Developers looking to improve their core Web Development Skills