https://github.com/williamcrownover/javascript-coding-quiz
A timed quiz on JavaScript that saves high scores.
https://github.com/williamcrownover/javascript-coding-quiz
html javascript json localstorage normalize-css
Last synced: 11 months ago
JSON representation
A timed quiz on JavaScript that saves high scores.
- Host: GitHub
- URL: https://github.com/williamcrownover/javascript-coding-quiz
- Owner: WilliamCrownover
- License: mit
- Created: 2021-05-21T02:09:35.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-26T11:19:24.000Z (over 4 years ago)
- Last Synced: 2025-01-15T20:33:00.754Z (about 1 year ago)
- Topics: html, javascript, json, localstorage, normalize-css
- Language: JavaScript
- Homepage: https://williamcrownover.github.io/javascript-coding-quiz/
- Size: 144 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JavaScript Coding Quiz Game
[](https://opensource.org/licenses/MIT)
## Description
This website is designed to be an interactive quiz game with the focus of the questions being JavaScript fundamentals. I built this project to help reinforce the foundations of JavaScript and be a helpful tool for programming students to gauge their learning progress. By implementing a scoring process that totals up correct answers and rewards quick responses, I hope to create a more engaging environment for learning. The player is able to save their scores for reference on progress.
Through the process of building this game I learned several useful programming techniques. I practiced designing an HTML document that would be the host for dynamically loaded data using JavaScript. I implemented the use of a normalize.css file to give me a clean styling foundation. I refined my css to flow efficiently from one group of content to the next and made use of specific tweaking styles classes. Setting up a “hidden” class that is dynamically applied with JS was useful to update the game state by hiding and showing desired HTML elements. I stored the data for my questions in an array of question objects and assigned the properties of each unique object to the question section of the HTML dynamically. The score at the end of the game is stringified using JSON to save it to local storage and then be pulled back to display a list of high scores on another page. I practiced complex ternary operators to apply a sorting method to the list of scores which orders them by correct answers, then seconds remaining. Throughout the process of building the website I took time to refactor and optimize my code and provide useful comments for other programmers to better understand my thinking.
## User Story
```
AS A coding boot camp student
I WANT to take a timed quiz on JavaScript fundamentals that stores high scores
SO THAT I can gauge my progress compared to my peers
```
## Live Site
https://williamcrownover.github.io/javascript-coding-quiz/
#### Start Screen
#### Example Question
## License
Licensed under the MIT License - https://opensource.org/licenses/MIT
## Contact
If you have any questions you can email me at williamcrownover1@gmail.com.
You can also check out my other work on GitHub at [WilliamCrownover](https://github.com/WilliamCrownover)