Giter Club home page Giter Club logo

-casperelyan-my_first_java_project_augresub's Introduction

Quiz Logo

What is this quiz about :

This is a simple Quiz in which the user answers questions about the national flags.

PageScrenshots

Here is live version of my project

Design :

Very simple designs. Logo in the middle and four buttons with answers to choose from. The same font as in the previous project was used.

Features :

The project actually consists of two elements. Home page with a Start button that starts the Quiz and a set of questions with answers to choose from. The user is informed about the choice of the correct or wrong answer by the appropriate color of the button and the background - green for correct and red for wrong. The quiz does not have the function of counting good answers, this option will definitely be added at a later stage of the project development. The number of questions will also be increased and a timer will be added.

Questions GoodAnswer

At the end of the Quiz user can restart the game with new random questions order:

EndQuiz

Deployment :

GitHub was used for the app deployment. Template provided by Code Institite used in GitHub. Steps of deployment:

  • in GitHub go to Settings tab
  • in Settings tab go to GitHub pages section
  • select the branch name for the code and click save
  • the website live link is availiable for use after few minutes

Testing:

All active links work as they should and lead to the right places. Chrome Dev tool did not return any spcific errors. Quiz desgin is fully responsive. Design

  • Validator Testing:

HTML :

  • no errors were found when passing through the official W3C validator

W3CValidator

CSS :

  • no errors were found when passing through the official Jigsaw validator :

CSSJigsaw

Accesability :

The website accessibility was tested using the Lighthouse application available in Developer Tools in the Chrome Version 101.0.4951.64 browser. The generated report showed 100 points out of 100 possible.

AccessibilityRaport

Unfixed Bugs :

Project doesn't have any known Unfixed Bugs. The project however requires futher development. Score counter should be added so user will have better experience by knowing the final correct and wrong answers. Also timee should be added so it will make the Quiz more challenging by prevents user from searching a proper answer in Google. To make the quiz fun more set of question should be also created.

Credits :

Content :

The question samples are taken from: theguardian.com |

The flasgs website was also used to develop the Quiz: Countryflags

In writing the code, countless video tutorials on YouTube were also used about Java Script and responsive CSS design.

The Gradient buttons CSS was copied partialy from: GradientButtons

Media :

Main logo and favicon was taken from : Countryflags Graphic to logo was added in Photoshop by designer.

-casperelyan-my_first_java_project_augresub's People

Contributors

casperelyan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.