Skip to content

aayanaqdas/rock-paper-scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8036ee6 · · Sep 8, 2025

History

8 Commits
Aug 20, 2025
Sep 8, 2025
Aug 20, 2025
Aug 22, 2025
Aug 20, 2025
Aug 20, 2025
Aug 20, 2025
Aug 22, 2025
Aug 20, 2025

Repository files navigation

Rock Paper Scissors Lizard Spock

An animated implementation of the Rock Paper Scissors Lizard Spock game made famous by The Big Bang Theory.

Demo

Screen.Recording.2025-08-22.at.03.39.54.mov

Game Rules

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

Technologies Used

  • React
  • Vite
  • CSS3
  • JavaScript (ES6+)

Getting Started

Installation

  1. Clone the repository:
git clone https://github.com/aayanaqdas/rock-paper-scissors.git

cd rock-paper-scissors
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your browser and navigate to http://localhost:5173

Design

The visual design, colors, and layout are based on the challenge from Frontend Mentor. The implementation includes custom animations and interactions built from scratch.

How to Play

  1. Click on any of the five options: Rock, Paper, Scissors, Lizard, or Spock
  2. Watch your choice fall into place with a smooth animation
  3. The computer makes its choice automatically
  4. See the result with animated winner effects
  5. Your score updates automatically when you win
  6. Click "Play Again" to start a new round