In this repository, there are a total of 4 files that make up this coding quiz challenge(2 html, 1 css, and 1 javascript). Starting completely from scratch, this project was built first with a wireframe and high fidelity model of the pages to be created. Knowing that JavaScript will be involved with the quiz itself, I only created two HTML files, planning on using JavaScript to activate the quiz. The wireframe and high fidelity pages can be found below. Once the site was designed, the HTML was created, followed by generic CSS. With this CSS, I put a border around nearly every element so I could see what the box model looked like. Then, I started the JavaScript code by creating variables of every existing HTML element. I commented in the code my thought process with the JS code. The color pallete, wireframes, and high fidelity models can be found in the repo as well.

Wireframes
index.html

index.html (Display Question)

index.html (Show Answer)

index.html (Game Over)

highscore.html

High Fidelity Models
index.html

index.html (Display Question)

index.html (Show Answer)

index.html (Game Over)

highscore.html

Screenshots of Application
index.html

index.html (Display Question)

index.html (Show Answer)

index.html (Game Over)

highscore.html

You can access the deployed application here.

Wireframe and High Fidelity models made by myself with Figma

Questions inspired from and information obtained from https://www.w3schools.com/

Color Pallete obtained from https://colorhunt.co/palettes/random

Please refer to the LICENSE in the repo.