An animated implementation of the Rock Paper Scissors Lizard Spock game made famous by The Big Bang Theory.
Screen.Recording.2025-08-22.at.03.39.54.mov
As explained by Sheldon Cooper:
- Rock crushes Scissors and Lizard
- Paper covers Rock and disproves Spock
- Scissors cuts Paper and decapitates Lizard
- Lizard eats Paper and poisons Spock
- Spock vaporizes Rock and smashes Scissors
- React
- Vite
- CSS3
- JavaScript (ES6+)
- Clone the repository:
git clone https://github.com/aayanaqdas/rock-paper-scissors.git
cd rock-paper-scissors- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:5173
The visual design, colors, and layout are based on the challenge from Frontend Mentor. The implementation includes custom animations and interactions built from scratch.
- Click on any of the five options: Rock, Paper, Scissors, Lizard, or Spock
- Watch your choice fall into place with a smooth animation
- The computer makes its choice automatically
- See the result with animated winner effects
- Your score updates automatically when you win
- Click "Play Again" to start a new round