alvinkp / Javascript_Code_Quiz

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Javascript_Code_Quiz

This was the fourth challenge assignment for our UPENN Bootcamp. We were tasked with creating a Javascript Quiz. (See User Story and Acceptable Criteria sections below).


๐Ÿ“• 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


โœ”๏ธ Acceptable Criteria

  • GIVEN I am taking a code quiz
  • WHEN I click the start button THEN a timer starts and I am presented with a question
  • WHEN I answer a question THEN I am presented with another question
  • WHEN I answer a question incorrectly THEN time is subtracted from the clock
  • WHEN all questions are answered or the timer reaches 0 THEN the game is over
  • WHEN the game is over THEN I can save my initials and score

๐Ÿ”ง Optimizations

HTML

  • Created placeholder HTML containers for content created through Javascript
  • Added Google Fonts and Favicon

CSS

  • Styled Website
  • Added animations for the correct and wrong answers

Javascript

  • Generated and removed HTML Elements as needed
  • Controlled animations in CSS from Javascript
  • Handled game loop and local storage through Javascript

๐Ÿ“ท Screenshots

Completed Challenge03 Functionality Example 1 Completed Challenge03 Functionality Example 2 Completed Challenge03 Functionality Example 3 Completed Challenge03 Functionality Example 4 Completed Challenge03 Functionality Example 5 Completed Challenge03 Functionality Example 6 Completed Challenge03 Functionality Example 7

๐ŸŽฏ Deployment

Website: https://alvinkp.github.io/Javascript_Code_Quiz/

Repository: https://github.com/alvinkp/Javascript_Code_Quiz


โœ‰๏ธ Authors

About


Languages

Language:JavaScript 61.2%Language:CSS 31.2%Language:HTML 7.6%