Skip to content

Latest commit

 

History

History
90 lines (51 loc) · 2.88 KB

README.md

File metadata and controls

90 lines (51 loc) · 2.88 KB

RPS_Game

Rock Paper Scissors is a game, that almost everybody knows. This aplication lets the user play the game agains the computer. It gives the user tha chance to choose between the three possibilities and implements this choice with the one of the computer. It's totally a game of luck.

Screenshot overview

Features

Existing Features

  • Header
    • Featured at the top of the page, the header shows the name of the game.

Header

  • The game score field
    • The game score field shows the user the score or how many times did the user or the computer win the game

Score field

  • Selected and result announcement
    • This announcement shows the user which option did both sides choose and the result.

Selected and result

  • The Game options
    • The graphics of Rock, Paper and Scissors are active divs, that the user can click to make their choice and play the game.

Options

Testing

  • I tested that the website works on different browsers.
  • I confirmed that the game results are always correct.
  • I confirmed that the application is readable and easy to understand.
  • I confirmed that the colours and fonts are easy to read and accessible by running the app through lighthouse in devtools.

Lighthouse results

Bugs

  • Found and fixed the following mistakes:
    • CSS mistake

    • JS mistake

Validator Testing

HTML

No errors were returned when passing through the official W3C validator.

HTML Validator

CSS

No errors were found when passing through the official (Jigsaw) validator.

CSS Validator

Lighthouse

The choosen colours and fontare easy to read and accessible by running it through Lighthouse in Devtools Lighthouse report

Unfixed Bugs

No unfixed bugs were found.

Deployment

The site was deployed to GitHub Pages using the following steps:

  1. In the GitHub repository, navigate to the Settings tab.
  2. From the source section drop-down menu, select the Master Branch.
  3. Once the master branch is selected, the page will automatically refresh, indicating successful deployment.

The live link can be found here: RPS_Game

Credits

Content

  • The Love Maths project tutorials wee used to develop this site.
  • Design and developing technicks are taken by YouTube

Media