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.
-
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
-
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
-
Interactive Elements
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