music-online-quiz

Welcome to Online Music quiz website (https://vladovichsvetlana.github.io/music-online-quiz/)!

It is an online quiz on 90s music hits.

A fully responsive online quiz is made from scratch with the help of HTML, CSS and Java Script:

Mobile devices responsiveness checked on several devices; no issues found:

Online quiz can be opened by scanning the QR code with a QR code reader or a camera of any latest smart device. It can also be opened in the most popular browsers such as Google Chrome, Firefox and Microsoft Internet Explorer:

Existing Features:

The test consists of 5 questions with a muilti-choice answers grids (one of 4 options is correct). The following Java Script functions used: Quiz(options), function generateQuestions, function render_question, function initQuiz, function checkAnswer, function validateAnswer, function nextQuestion, function prevQuestion, function finishQuiz.

Previous Question and Next Question buttons have Hover effect. Once the mouse trackpads over the icons the buttons the background colour of the buttons changed from dark purple to light purpl the same purple colour of the the buttons frames.

Media

The image used for online quiz is taken from free images section of https://www.pexels.com.

Content

The text for the pages is written using the N1 hits available online.

Validator Testing

HTML

No errors were returned when passing through the official W3C validator all html sections:

CSS

No errors were found when passing through the official W3C validator:

Java Script

No errors were found when passing through the official Java Script validator https://snyk.io:

Bugs

No bugs were identified following the Html and CSS Checkers.

Lighthouse statistics

Lighthouse statistics stated that there was an issue with the image resolution and image ratio:

The online quiz image was changed and ratio was adapted to the more suitable size which increased the lighthouse statistics Best Practices from 83 to 92 and Performance from 96 to 99.

Deployment

The site was deployed to GitHub pages using the commands "git add .", "git commit -m", "git push". The deployed pages can be checked via the live link https://vladovichsvetlana.github.io/music-online-quiz/.