https://github.com/ryantusi/rock_paper_scissors

This is a Rock Paper Scissors game built with React. It's a simple project to practice and demonstrate fundamental React concepts, including state management and component-based architecture.
https://github.com/ryantusi/rock_paper_scissors

game nodejs react rock-paper-scissors

Last synced: 3 months ago
JSON representation

This is a Rock Paper Scissors game built with React. It's a simple project to practice and demonstrate fundamental React concepts, including state management and component-based architecture.

• Host: GitHub
• URL: https://github.com/ryantusi/rock_paper_scissors
• Owner: ryantusi
• License: mit
• Created: 2025-09-14T10:19:35.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-10-02T16:20:58.000Z (3 months ago)
• Last Synced: 2025-10-02T18:22:33.294Z (3 months ago)
• Topics: game, nodejs, react, rock-paper-scissors
• Language: JavaScript
• Homepage:
• Size: 173 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🪨📄✂️ Rock Paper Scissors

This is a **Rock Paper Scissors** game built with **React**. It's a simple project to practice and demonstrate fundamental React concepts, including **state management** and **component-based architecture**.

-----

## 🚀 Features

  * **Play against the computer**: The game logic handles a random choice for the computer's move.

  * **Real-time score tracking**: The score updates instantly after each round.

  * **Clean and simple UI**: A straightforward interface lets you focus on the game.

  * **One-component structure**: The entire game is contained within a single `Game.js` component to showcase basic state and props handling.

-----

## 🛠️ Tech Stack

  * **Frontend**: React

-----

## 📂 Project Structure

```

rock-paper-scissors/

│

├── src/

│   ├── components/

│   │   └── Game.js    # The main game component

│   ├── App.css

│   ├── App.js

│   ├── index.css

│   └── index.js

│

├── .gitignore

├── package.json

└── README.md

```

-----

## ⚙️ Installation & Setup

### 1️⃣ Clone the repository

```bash

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

cd rock-paper-scissors

```

### 2️⃣ Install dependencies

```bash

npm install

```

### 3️⃣ Run the app

```bash

npm start

```

The game should now be running at `http://localhost:3000`.

-----

## 🕹️ How to Play

1.  Click one of the buttons: **Rock**, **Paper**, or **Scissors**.

2.  The computer will make its move.

3.  The winner of the round will be displayed, and the score will be updated.

4.  Keep playing to see who wins the most rounds\!