Rock, Paper, Scissors game

Overview

This Rock, Paper, Scissors game allows players to play against the computer. There are two difficulty modes available:

• Easy mode, which is the traditional Rock, Paper, Scissors game.
• Hard mode, which is an expanded version called Rock, Paper, Scissors, Lizard, Spock that was created by Sam Kass and Karen Bryla.

The game also includes music and sound effects to enhance the gameplay experience. The score and selected difficulty are saved as localStorage values, allowing players to retain their progress and preferred difficulty even if they close the app and come back to it later.

Rules

If the player wins, they gain 1 point. If the computer wins, the player loses one point.

Screenshots

Desktop design: easy mode

Desktop design: hard mode

Desktop design: rules modal

 

Mobile design: easy mode

Mobile design: hard mode

Mobile design: rules modal

Built with

• Semantic HTML5 markup
• SCSS
• JavaScript
• Animate.css

Run locally

Clone the project

  git clone https://github.com/iPavelGeorgiev/rock-paper-scissors.git

Go to the project directory

  cd rock-paper-scissors

Install dependencies

  npm install

Start the server

  npm run start

Acknowledgements

This challenge was provided by Frontend Mentor, a platform that offers challenges to help developers practice and improve their front-end skills. Each challenge includes designs for both mobile and desktop, as well as assets and a style guide, to get you started. This provides an opportunity for developers to concentrate on the implementation without having to worry about the design.

Author