code-institute-submissions / familygameshow

Quiz with options of questions of Harry Potter, Disney or Marvel.

Family Game Show

User Stories:

• First time Visitor Goals

  • As a first time user of this site, I would like to be able to easily decifer the main purpose of the game
  • As a first time user, I would like to be able to easily navigate the game
  • As a first time user, I would like to see my score

• Returning Visitor Goals:

  • As a returning visitor, I would like to be able to choose a different category of questions
  • As a returning visitor, I would like to be able to take the quiz again and possibly do better than the first time

Languages Used:

• HTML
• CSS
• JavaScript

Frameworks, Libraries & Programs Used:

• Google Fonts: used to import Raleway and Mochiy Pop P One, and into the style.css file which was used on the project

• Font Awesome: used to add buttons for choosing quiz type

• Git: used to utilize the Gitpod terminal to commit to Git and Push to GitHub

• GitHub: used to store project code after being pushed from Git

• Balsamiq Used to create the wire frame for the project during the planning phase

• ColorSpace Used as a reference of colors that could be used.

• ImageColorPicker:

• Am I Responsive? Used on Readme to show how the application looks on different devices.

• Jshint -I am aware of the warning on line 58 and it is an acceptable warning. -

• W3C Markup Validator Results

  • This is the validator for the index.html.

  • 

  • This is the validator for the quiz.html.

  • 

• Jigsaw Validator Results

  • 

• Typography:

  • Raleway is the font used in this website san-serif is the backup in case one of the font does not import correctly.

• Balsamiq Wireframes:

  • Wireframes at this link

Features:

• Responsive on all device sizes

  • Desktop

    • 

  • Tablet

    • 

  • Cell Phone

    • 

• Interactive Elements

  • The buttons on this page make it possible to easily navigate to the game that the user wishes to play.

  • 

  • The user clicks on the correct answer and continues on to the next question

    • 

Future Additions to page

• Mutiplayer function
• Ability to go between quizes
• Ability to compare your score to others that have played the game with a score page.
• Add a timed component to the game.

Testing

For all testing please refer to TESTING.md

Deployment

• The site was deployed to GitHub. I used the steps listed below to deploy.
  • In the GitHub repository, go to the Settings tab
  • Use the source section drop-down menu and select the Master Branch
  • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

The live link can be found here - https://pattytonyoneill.github.io/familygameshow/

Local Deployment

In order to make a local copy of this repository, you can clone it by typing the following into your IDE Terminal:

• git clone https://github.com/pattytonyoneill/familygameshow.git

Alternatively, if using Gitpod, you can click below to create your own workspace using this repository.

Credits

Code

• Readme used sample readme from code institute as a model. Github

Content

• All content written by the developer.

Media

Icons used came from fontawesome

Acknowlegements

• My Mentor for his help and feedback.
• Tutor support at Code Institute
• Nick and Jack Conroy on slack for their help and feedback.
• Family for help with help and feedback on website as a use