AdvancedTriviaGame

Thank you for looking at the 90’s music trivia app!

My portfolio:

            https://tinyurl.com/jeffashear

Relevant links:

	Deployed project:
	https://tinyurl.com/90s-music-trivia

	Code repo:
	https://tinyurl.com/90s-trivia-repo


    Thank you for looking at the 90’s music trivia app!

1. Purpose for this app:

    This app is a simple trivia game, intended to demonstrate facility with timers, jQuery, and switch statements. 
   

2. How the app is organized:

    The index.html file feeds the single page to the browser.
    All the game logic happens in app.js.
    Once the user begins the game a timer will start.  If the timer reaches 0 before the user enters an answer, it counts as incorrect.  If the questions is answered before the timer ends and the answer is scored.  This begins a new timer to allow the user to absorb the feedback.  Once this timer reaches 0 the cycle repeats for each additional question.
    Once the game is over, a reward screen appears as well as the option to restart the game.
   

3. Instructions for using this app:

   Download or clone the repo from the link above or in section 5.
   Open the file called index.html in your code editor.
   Start the live server using the methods employed by your code editor.
   You shouldn’t need to run any npm installations.
   You may also simply use the link to the deployed site above or in section 5.
   

4. Link to a video of the app in use is coming soon!

5. Link to the deployed version of the app:

    Deployed project:
    https://tinyurl.com/90s-music-trivia
   
    Code repo:
    https://tinyurl.com/90s-trivia-repo
   

6. Technologies used in creating this app:

    GitHub is used to store the repo, as well as host the deployed version.
    Basic html is used to display the page
    Ajax was used to construct the api calls.
    Javascript was used for game logic:
    setInterval handles all the timing elements.
    switch arguments control the game phase while if else arguments track the score 
    Jquery was used to handle user input.
    Bootstrap used to make the page responsive and for most styling.
    CSS used for some styling details including keyframes animations.
   

7. This app was developed by Jeff Ashear.