code-institute-submissions / wmolineros-horror-movie-autogenerator_sepresub Goto Github PK

Horror Movie Quiz by Wanda Molineros

This quiz tests a users knowledge on their horror movie trivia. A lot of Horror movie quizzes out there still only talk about the classics but this quiz incorporates some of the classics and the new releases; including new horror shows. The quiz essentially asks the user to pick the correct answer out of four options. Then the final is recorded and the highest score is selected as each user completes their assessment.

Initially, my intention was to make a muliple array type of quiz in which the user could pick an option that would allow them to acquire a suggestion for a movie that they should watch but I found this very difficult but I hope to add it as a feature to this quiz one day. The added feature would essentially recommend a movie based on the user's knowledge and allow them to go further into their horror movie gems. This could possibly expand into an entire new part of the quiz.For now, however, we will simply be testing trivia.

• Backend overview and tools
• Game Instructions
• Overview of the site: Contents
  • Play
  • Discontinue
  • Restart
  • Advice and Scores
• Credits
• Testing identified
• Deployment
• Images

Javascript, HTML and CSS are the front end codes used to build the quiz. Additional tools included the following:

• W3 Validator
• Github: Code version control
• Python Tutor: Javascript
• Code Beautify

As the user enters, they will find the 'home button' and 'rules of the game' to the left and right hand side respectively. The 'begin game' button will be in the center of the page to begin the quiz. The user can begin the quiz as they wish or read the rules of the game. The rules essentially state that the user has an option between 4 of the selections and one correct one must be selected to acquire a point. In the end, the user's time and score is recorded and the highest scores generated.

![Quiz details] ![Begin playing the game] ![Timer] ![Final score and results] ![Ending the game] ![Restarting the game] ![High scores]

As previously stated, when I began working on the project I was going to do an autogenerator that would allow the user to make a selection of criteria that would essentially allow them to generate a horror movie that would be suited to them. I was unable to find any examples of this type of code making it very difficult for me to figure out. So I adopted a general approach of the horror trivia quiz and one example that really helped me on this journey was the [German Idiom Quiz](https://dragon-fire-fly.github.io/german-idiom-quiz).

The German Idiom Quiz helped me generate and understand the code by adding funcitons, links to the DOM, form creation and calculation and local storage of high scores. I hope to take the knowledge that I've gained from this website in order to adopt my initial idea in the future.

Testing was completed on Python tutor, Code Beautify and W3C validator.

Step-By-Step

1. Go to Github "Horror Movie Quiz" repositry space.
2. Select "Settings" above "Go to file" button.
3. Scroll down to Github pages and select the "Check it out here!" link.
4. Select "main" branch.
5. Select "save" to deploy the published site details.

Horror Movie Quiz was created by Wanda Molineros. This page was last edited on 25 September 2022, at 09:50 (GMT).