Rock Paper Scissors is a hand game originating from China, usually played between two people, in which each player simultaneously forms one of three shapes with an outstretched hand. These shapes are "rock" (a closed fist), "paper" (a flat hand), and "scissors" (a fist with the index finger and middle finger extended, forming a V). "Scissors" is identical to the two-fingered V sign (also indicating "victory" or "peace") except that it is pointed horizontally instead of being held upright in the air. This site is targeting adults and children in order to play against the computer and have fun together.
-
The header
- The header shows the name of the game.
- The simple and bright colour of the header brings easy accessibility to the user.
- The black and whitesmoke contrast is the most efficient style rule for this website.
-
The Score container
- The score section collects points of the players (Human vs AI).
- There is two buttons where the user's position is clearly assign to.
- Easy interface to score for the user.
-
The buttons section
- An elaborate section where three buttons are displayed in a really intuitive, organized and informative way.
- The model for this section is Love Maths project where the essentials are well done.
- Fontawesome helped to realise a designed section with visibility and illustrative icons.
- The buttons plus hover can change colour and when pressed: they show contrasted and opposite symetric colour for the player visual comfort.
-
_ Testing
- Page works in several browsers as Firefox, Safari, Chrome
- Devtools confirm : the project is responsive on variable screen sizes
- Page works in responsive test server: mobile, desktop, laptop amd more
- AI score wasn't recording because of a mistake in my function in JS.
- Bug fixed with a correct function.
- JS HINT checker: confirmed
- HTML: confirmed via validator
- CSS: confirmed via validator
- Accessibility: confirmed via Lighthouse
- No unfixed bugs.
-
The site was deployed to GitHub pages. The steps to deploy are as follows:
-
In the GitHub repository, navigate to the settings tab
-
From the source section drop-down menu, select the Main branch
-
Once the main branch has been selected, the page provided the link to the completed website.
-
The live link can be found here - https://12061988.github.io/rock-paper-scissors-game/
Content
- Love Maths walkthrough Project.
- Youtube code tutorials as example and adapted to my own vision.
Media
- Google Fonts.
- Fontawesome.