Rock Paper Scissor

This project is a game everyone knows!

This website is a easy way for one player to play against the computer.

It's meant to be easy to play, and with an overview that makes it easy to keep track who first gets to 5 wins!

Live page

Multidevice Mockup

UX

Before creating this game i first went into Figma to draw up a sketch.

This is the layout i was working towards:

About

Features

These are the different sections of the game:

This is how it looks before you start playing:

The emoji is clearly marked when chosen:

If you win a round you get this message:

If you lose a round you get this message:

If the round is a draw you get this message:

If you win 5 rounds before the computer, you see this message:

If the computer wins 5 rounds, you see this message:

The rules are displayed at the bottom of the page:

Technologies Used

Testing

HTML testing

Document checking completed. No errors or warnings to show.

CSS testing

Congratulations, no errors has been found! This document has been validated as CSS Level 3 + SVG!

Javascript

JSHint testing without errors

Accessibility testing with Lighthouse

Tested on Wave webaim with following score:

Congratulations! No errors were detected!

Devices

The game has been tested without errors on:

Iphone 13 Pro

Samsung s20

Iphone xs

Samsung s10+

Future improvements

How to further develop this website

I would add a random player to be played against online

I would add Lizard Spock to further develop the game to more advanced.

Known bugs

There is a known bug on mobile view where the option buttons aren't aligned together. Ran out of time to fix, would do for further improvements.

Deployment

How i deployed the project:

Credits

Content

Acknowledgements

Jessica Fransson, 2022