https://github.com/shivlalsharma/rock-paper-scissors

A modern web-based implementation of the classic Rock-Paper-Scissors game with interactive features, real-time scoring, and persistent data storage.
https://github.com/shivlalsharma/rock-paper-scissors

browser-game css game html interactive-game javascript rock-paper-scissors web-development

Last synced: 5 days ago
JSON representation

A modern web-based implementation of the classic Rock-Paper-Scissors game with interactive features, real-time scoring, and persistent data storage.

• Host: GitHub
• URL: https://github.com/shivlalsharma/rock-paper-scissors
• Owner: shivlalsharma
• License: mit
• Created: 2024-11-29T14:57:07.000Z (27 days ago)
• Default Branch: javascript
• Last Pushed: 2024-11-29T16:16:04.000Z (27 days ago)
• Last Synced: 2024-11-29T17:24:51.014Z (27 days ago)
• Topics: browser-game, css, game, html, interactive-game, javascript, rock-paper-scissors, web-development
• Language: JavaScript
• Homepage: https://rock-paper-scissors30.netlify.app/
• Size: 299 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Rock-Paper-Scissors Game 🎮

A modern and interactive implementation of the classic **Rock-Paper-Scissors** game. Play against the computer, view real-time results, and enjoy a seamless experience with persistent score tracking and a clean user interface.

## 📝 Overview

This project demonstrates a well-structured and feature-rich web-based game, designed to showcase:

- Interactive gameplay mechanics.

- Dynamic updates with JavaScript.

- Persistent data storage using `localStorage`.

Deployed version: [Rock-Paper-Scissors Game](https://rock-paper-scissors30.netlify.app/)

---

## 🚀 Features

- **User Interaction**: 

  - Players choose from Rock, Paper, or Scissors via interactive icons.

- **Real-Time Score Updates**:

  - Tracks scores for both the user and the computer.

- **Outcome Display**:

  - Highlights win, loss, or draw with custom messages and dynamic colors.

- **Score Persistence**:

  - Scores are saved locally, ensuring continuity even after refreshing the page.

- **Reset Functionality**:

  - A "Clear History" button allows players to reset their scores for a fresh start.

---

## 🛠️ Technologies Used

- **HTML**: Provides the structure for the game interface.

- **CSS**: Enhances the game with a visually appealing design.

- **JavaScript**: Powers the game logic, interactivity, and local storage management.

---

## 🎯 How It Works

1. **Game Logic**:

   - Users select a choice: Rock, Paper, or Scissors.

   - The computer makes a random choice.

   - The winner is determined based on standard game rules:

     - Rock beats Scissors.

     - Paper beats Rock.

     - Scissors beat Paper.

   - A dynamic message displays the result along with the choices made.

2. **Score Management**:

   - Scores for both the user and the computer are updated in real-time.

   - Scores are stored in `localStorage` to ensure persistence.

3. **Reset Functionality**:

   - The "Clear History" button clears stored scores and resets the game.

## Installation

follow these steps to run the Rock Paper Scissors locally:

1. **Clone the repository**:

    ```bash

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

    cd rock-paper-scissors

    ```

2. **Open the `index.html` file in your browser**.

   Alternatively, you can set up a local server (e.g., using **VS Code Live Server**) to view the game in your browser.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## Author

Created and deployed by **Shivlal Sharma**.  

- **GitHub**: [Shivlal Sharma's GitHub](https://github.com/shivlalsharma)

- **LinkedIn**: [Shivlal Sharma's LinkedIn](https://www.linkedin.com/in/shivlal-sharma-56ba5a284/)