An open API service indexing awesome lists of open source software.

https://github.com/ajay-dhangar/rock-paper-scissors-game

This is a classic Rock Paper Scissors game implemented using HTML, CSS, and JavaScript.
https://github.com/ajay-dhangar/rock-paper-scissors-game

game game-development games rock-paper-scissors

Last synced: 6 months ago
JSON representation

This is a classic Rock Paper Scissors game implemented using HTML, CSS, and JavaScript.

Awesome Lists containing this project

README

          

# Rock Paper Scissors Game

This is a classic Rock Paper Scissors game implemented using **HTML**, **CSS**, and **JavaScript**. The game allows a user to play against the CPU, with the first to win 5 rounds declared the winner. It also includes a reset feature, a score tracker, and a modal to display the overall winner.

## Table of Contents

- [Rock Paper Scissors Game](#rock-paper-scissors-game)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Live Demo](#live-demo)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [License](#license)
- [Author](#author)

## Features

- User vs CPU Rock Paper Scissors gameplay.
- Score tracking for both the user and CPU.
- Game animations for enhanced user experience.
- Winner modal displayed after 5 rounds won by either the user or CPU.
- Reset button to restart the game.
- Responsive design.

## Live Demo

Check out the game live: [Rock Paper Scissors - Live Demo](https://ajay-dhangar.github.io/rock-paper-scissors-game/)

## Installation

To set up the game locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/your-username/rock-paper-scissors-game.git
```
2. Navigate to the project directory:
```bash
cd rock-paper-scissors-game
```
3. Open the `index.html` file in your web browser to play the game.

## Usage

- Select either **Rock**, **Paper**, or **Scissors** by clicking on the respective option.
- The CPU will randomly select an option, and the result will be displayed.
- The game ends when either the user or the CPU wins 5 rounds.
- To restart the game, click the **Reset** button.

## Technologies Used

- **HTML5**: For structuring the webpage.
- **CSS3**: For styling and animations.
- **JavaScript**: For handling game logic and interactions.

## License

This project is licensed under the MIT License.

## Author

👤 **Ajay Dhangar**

- GitHub: [Ajay-Dhangar](https://github.com/Ajay-Dhangar)
- LinkedIn: [Ajay Dhangar](https://www.linkedin.com/in/ajay-dhangar)

Feel free to reach out if you have any questions or suggestions!

---

© 2024 Ajay Dhangar. All rights reserved.