Skip to content

React web app implementing the Big Bang Theory's version of Rock Paper Scissors with added animations, sound effects and a fun confetti celebration for every win.

Notifications You must be signed in to change notification settings

Netanel-Mordakhay/Rock-Paper-Scissors-Lizard-Spock

Repository files navigation

Rock Paper Scissors Lizard Spock

Rock Paper Scissors Lizard Spock Based on the Big Bang Theory's version of 'Rock Paper Scissors', I present to you: 'Rock Paper Scissors Lizard Spock'. Rules regarding how to play are available both at the bottom of the readme file and in the app itself (bottom-right corner).

Live demo: here

Installation

1. Make sure you have Node.js installed.

2. Install using git

git clone https://github.com/Netanel-Mordakhay/Rock-Paper-Scissors-Lizard-Spock
cd Rock-Paper-Scissors-Lizard-Spock

3. Install dependencies

npm install

4. Run locally

npm run dev

5. (Optional) Build for production

npm run build

6. (Optional) Preview production build

npm run preview

Technologies Used

  • React
  • Vite
  • Chakra UI
  • Howler.js (used for sounds effects)
  • Canvas-Confetti (used for... well, confetti effect 😉)

How to play

  • Scissors cuts Paper
  • Paper covers Rock
  • Rock crushes Lizard
  • Lizard poisons Spock
  • Spock smashes Scissors
  • Scissors decapitates Lizard
  • Lizard eats Paper
  • Paper disproves Spock
  • Spock vaporizes Rock
  • (and as it always has) Rock crushes Scissors

How to play Rock Paper Scissors Lizard Spock

About

React web app implementing the Big Bang Theory's version of Rock Paper Scissors with added animations, sound effects and a fun confetti celebration for every win.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published