- I would like to test my knowledge by taking an interesting online quiz rule.
The Liverpool FC quiz is available on the website. After submitting an answer, the player can choose to try again and improve their knowledge.
- I would like to understand more about quiz rule.
The quiz rules were kept simple for everyone to understand and are displayed every time the quiz starts. All rules must be correct.
- As a user, I would like a simple and easy way to understand quiz.
The quiz rules were written in simple language for easy comprehension by all.
- As a user, I want the quiz and website to be more user-friendly.
The quiz app was designed with a website. Each page has a minimal number of buttons, and the color features good contrast.
- The website is compatible with the following browsers:
Browser |
Screenshot |
Notes |
Firefox |
|
The performance meets the expected standard. |
Browser |
Screenshot |
Notes |
Chrome |
|
The performance meets the expected standard. |
Browser |
Screenshot |
Notes |
Safari |
|
The performance meets the expected standard. |
- The website is fully responsive and adjusts perfectly on various screen sizes.
Size |
Screenshot |
Notes |
Desktop 1024x600 |
|
The performance meets the expected standard. |
Size |
Screenshot |
Notes |
Mobile 375x667 |
|
The performance meets the expected standard. |
Size |
Screenshot |
Notes |
Ipad 786x1024 |
|
The performance meets the expected standard. |
- The HTML code was passed without any errors being returned. W3C Validator
File |
Screenshot |
Notes |
index.html |
|
Pass: No Errors |
File |
Screenshot |
Notes |
quiz.html |
|
Pass: No Errors |
- The CSS code was passed without any errors being returned. W3C CSS
File |
Screenshot |
Notes |
style.css |
|
Pass: No Errors |
- The code passed the JSHint test successfully. JSHint
File |
Screenshot |
Notes |
Jshint |
|
Pass: No Errors |
- The lighthouse report showed good results.
Page |
Size |
Screenshot |
Home |
Mobile |
|
Home |
Desktop |
|
- The attempt to click the all button in the quiz was successful.
- JS To resolve warnings, add /*jshint esversion: 6 */ at the top of each JS file.