pp2-quiz-game

A Javascript Quiz Game. Site link = https://eoghankbdev.github.io/pp2-quiz-game/index.html

Introduction

Quiz-Game is a site where the user can play a quiz for entertainment and interactivity which will generate random questions for the user. ( Wireframe from I am responsive goes here) ( Link to website )

Context

Ux

Quiz-Game: Quiz-Game Is a Entertaining and fun game where you can figure out the answeres to the questions and progress by getting a score mark and you will be able to see your progress as you go.

User-Stories

• A user should be able to input their name to login
• A user should be able to play and choose from multiple to topics to answer
• A user should get a score that is assigned when answered correctly
• A user should gain progress on each topic as they answer correctly
• A user should be able to refresh the page to refesh their score

Wireframe-mockups

• For the wire frames I used figma to get the over all design into my head then I was able do judge the sizes I needed to code for the website in css to make it responsive and then later on did the coloring in figma for the site then add the javascript logic for the user interaction by answering the questions.
• The colored version on Figma link here:

Log in Page

Home Page

Play Quiz Game page

• Thse are hidden pages when you click on play sports movies or litrature you will get a page of questions

About Page

• This is the about page

Mobile-View

• This is the mobile view of the site

Features

This is what the login page looks like

This is what the home page looks like

This is what the Game page looks like

This is what the about page looks like

Testing

I have tested the site in chrome, firefox and brave all looks good.

The only other bug I have found after the website was published was when you finished a game I got a 404 error page instead of it showing the results

Validator-testing

When I Ran the website on HTML w3c validator passes I only got one error When I Ran the website on CSS w3c validator passes I only got one error

Deployment

For Deploying the Site I used github pages.