-
This project was created to provide a Pilot Quiz with questions in relation to aviation for anyone to test themselves on their knowledge.
-
The quiz is for anyone interested in aviation or want to take a quiz in relation to aviation regardless of interest.
-
As a new visitor visiting the site I want to early know what the site is about and refering to and to quickly discern if it is suitable for what I'm after.
-
As a general visitor I want to test my skills on the quiz.
-
As a returning visitor I want to see new set of questions and to further test my skills.
- Design concept was chosen in relation to aviation and the sites purpose of being in an direction of quiz.
- Described color scheme for
#539dc7
,#147abe
,green
,red
,black
. - Colors used for this project are in relation to the sky, therefor with a blue direction and also from color tools Color Tool to match eachother.
- I choose Vollkorn due to the quiz purpose font selection.
- For the icons used I choosed an aircraft picture for the favicon icon.
-
The Home page and welcome message
- The home page include a welcoming message and asking the visitor to enter their name prior to taking the quiz.
- After a name has been entered the visitor can start the quiz.
-
The Pilot Quiz page
- The Pilot Quiz page will allow the user to engage in a series of questions provide with multiple answers to choose from.
- The user will get direct feedback on their choice of answer and a score will be taken in relation to if the answer was correct or wrong.
Features that is left to implement are:
-
Highscores
-
More questions
-
Progress bar
Please see TESTING.md for all documented testing.
The site was deployed to GitHub pages. The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab.
- From the Settings tab, scroll down until you see the 'Pages' button on the left.
- From the Source section drop-down menu, select the
Main
branch. - Once the
Main
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://waeoo.github.io/pilot-quiz
To make a local copy of this project, you can clone it by typing the following in your IDE terminal:
git clone https://github.com/Waeoo/pilot-quiz.git
Alternatively, if using Gitpod, you can click the green Gitpod button, or use this link
- The site Pilot Quiz was built using the following:
- HTML5
- CSS3
- Javascript
- Git
- Gitpod
- GitHub
- Research and code solutions, stackoverflow, youtube and w3schools were generally relied upon.
- No particular pictures have been used in this project.
- Tim Nelson - Code Institute mentor who explained and guidance supported me effectively and with precision.
- Mr. P - Tester and presenting different approaches and solutions.
- Love Math project for inspiration.