Rock-Paper-Scissors-Output:

🎮 Rock Paper Scissors Game (React + Styled Components)

An interactive Rock Paper Scissors game built with React Class Components and Styled Components.
The game allows you to play against the computer, keeps track of your score, and displays the rules in a popup.

---

🚀 Features

• Play Rock, Paper, or Scissors against a random opponent choice
• Game score updates:
  • ✅ +1 for a win
  • ⚖️ 0 for a draw
  • ❌ -1 for a loss
• Responsive design (mobile & desktop friendly)
• Rules popup with game instructions
• Styled using Styled Components
• Accessibility-friendly with correct alt attributes and test IDs

---

📸 Screenshots

Playing View

Results View

Rules Popup

---

🛠️ Tech Stack

• React (Class Components)
• Styled Components for styling
• reactjs-popup for modal
• react-icons for close icon (RiCloseLine)

---

📂 Project Structure

src/ ├── components/ │ ├── App/ │ ├── GameView/ │ ├── ResultView/ │ ├── ScoreCard/ │ └── RulesPopup/ ├── index.js └── App.js 🎮 Game Rules

Paper beats Rock

Scissors beats Paper

Rock beats Scissors

Same choices → Draw