A classic game brought to us by the hit TV show: The Big Bang Theory. A spin off on the still popular game of Rock, Paper, Scissors. The site hopes to entertain mostly a younger audience and get them familiar with the concepts of the game.
Introduces the user to the name of the game, and basic instructions urging them to try it out.
The interactive elements where the user chooses which gesture he or she wants to challenge the computer.
At first the rules of the game are displayed to show which gesture takes and is taken by other gestures. Then when the user starts the game by choosing a gesture, the images change, showing which gesture was chosen by the user and which gesture was chosen by the computer. This is the main element of the site.
It also shows the player score and computer score to keep tabs on whether the user is winning or not. The score is updated after each click on a gesture, starting the game. Here is also an element which declares who is the winner of the game.
If the user wants to get reacquainted with the rules of the game one simply pushes the button at the bottom of the site to get the initial introductory images to reappear in the game-area.
A highscore element would increase the competitive aspect of the game and consequently the level of fun but it would require back-end code to store highscore data.
The site has passed through the appropriate testing channels without any problems. The Dev-tools Lighthouse test rewarded the site with high marks, testifying to its accessible and user-friendly layout.
Save for some unadded or superfluous semicolons the validator testing did not discover any unsolved bugs or significant errors.
- No errors were returned when passing through the official w3c validator.
- No errors were returned when passing through the official (jigsaw) validator.
- No significant errors were returned when passing through Jshint.
The site was deployed to GitHub pages. The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab and then the Pages tab
- From the source section drop-down menu, select the Master Branch
- Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.
Live link to the site can be found here.
- The buttons and game-area in index.html as well as the const variables, eventListeners and runGame function were taken from the Code Institure tutorial on Portfolio 2 Project Scope.
Attribute Buttons, game-area in HTML and const variables, eventListeners and runGame function to CI tutorial of Portfolia Project Scope
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent