I created this site to practice my web API knowledge. After learning about the DOM, events, and client-side storage, I decided to put my learnings to practical use. Creating a quiz is helpful in that respect, but it'll also help me stay sharp on these concepts in the coming weeks. I purposefully made the questions relevant to the topics mentioned above. I plan to revisit this quiz when I'm preparing for interviews or just need to freshen up on web APIs.
I found this project to be the most difficult one yet. Concepts like appending divs to the DOM or the bubbling effect didn't click initially. This project contains the most code I've written thus far, and the time and effort behind this project helped me grasp these important lessons. I even had to rewrite the entire JS and HTML in order to fix a bug, and this additional time was an excellent learning opportuntiy on creating more efficient code.
If your README is long, add a table of contents to make it easy for users to find what they need.
This repository is being hosted on GitHub pages: https://ericlyn4s.github.io/totally-rad-coding-quiz/
The repository can also be cloned on GitHub: https://github.com/ericlyn4s/totally-rad-coding-quiz
The starting layout provides instructions and a button to initiate the quiz. When the user hits 'Start Quiz', they're presented with the first question and four possible answers. After selecting an answer, the footer informs the user if they were correct or incorrect, and the next question/answer set is loaded to the screen.
Additionally, a timer is displayed in the upper righthand corner and counts down from 120 seconds. If the user answers a question incorrectly, 10 seconds are deducted from the timer. The quiz ends when either (1) all questions have been answered or (2) the timer runs out. At game completion, the user is given their score and prompted to enter their initials. When the user hits 'submit', their initials and score are added to the high scores list. If two characters are not input at this stage, the user will get an error message.
This list is loaded next, which shows all user scores thus far. From this page, the user can hit the 'Go Back' button to restart the quiz, or the 'Clear High Scores' list to clear all entries from the high scores list. Finally, this high scores list can be accessed at any point from the upper lefthand corner should the user click the 'View Highscores' link.
For the question and answers, I used those provided by 2U as part of the interview prep section of their 'Week 4 Weekly Wrap-Up' page. The original quiz can be accessed here: https://docs.google.com/forms/d/e/1FAIpQLScpN6BRKxiXR-JDf0_5CJY0d1zu66_2FTw4A39vwBgDqdZA6w/viewscore?viewscore=AE0zAgCvrjYM8nkLT4RC2VbRxf6xd07zBtsZWaJciANBChvSZ2YqwklbHvWKNIHIuQ
I had tutor sessions with Scott Everett on 11/14/2023 and 11/21/2023.
MIT License
Copyright (c) 2023 Eric Peterson
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.