Skip to content

Abdul9010150809/Stone-paper-scissor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✊✋✌️ Stone Paper Scissor – Web Game

Welcome to the Stone Paper Scissor game repository! This beginner-friendly project is built using HTML, CSS, and JavaScript, and features theme toggle, animations, score tracking, and more—all running completely in the browser with no backend.


🕹️ About the Project

This game lets you play the classic Rock-Paper-Scissors against the computer. It's interactive, colorful, and a perfect project for those learning DOM manipulation and UI effects with JavaScript.


✨ Features

  • 🤖 Play vs Computer with random choices
  • 🌗 Light/Dark theme toggle
  • 🧠 Score tracking for both user and system
  • 💬 Dynamic result display with win/lose/draw messages
  • ⚡ Smooth animations on interaction
  • 🎯 Responsive design (works on desktop & mobile)
  • 🧩 No sound/audio (simple visual feedback only)

📂 Project Structure

Stone-Paper-Scissor/
│
├── index.html              # 🔧 Main HTML file
├── style.css               # 🎨 Theme, layout, animations
├── app.js                  # 🧠 Game logic & DOM handling
├── README.md               # 📖 This documentation
├── output.pdf              # 🖨️ Printable view of game screen/output
│
├── Assets/                 # 🖼️ Game icons used (stone, paper, scissor)
│   ├── stone.png
│   ├── paper.png
│   └── scissor.png
│
├── images/                 # 📸 Screenshots of the game (for preview)
│   ├── img1.jpg
│   └── img2.jpg
│
└── .github/
    └── workflows/
        └── deploy.yml      # 🚀 GitHub Actions to deploy via GitHub Pages

🚀 Live Demo

Once deployed via GitHub Pages, access your game at:

https://<your-github-username>.github.io/<repository-name>/

🔗 Example:
https://abdul9010150809.github.io/Stone-paper-scissor/


🛠️ Getting Started

  1. Clone the Repository

    git clone https://github.com/yourusername/Stone-Paper-Scissor.git
    cd Stone-Paper-Scissor
  2. Run the Game Just open index.html in any modern browser or use Live Server in VSCode.

  3. Play

    • Click on rock/paper/scissor icons.
    • See the result, score, and try theme toggle.

🤝 Contributions

Feel free to:

  • Improve UI/UX
  • Add new themes or animation styles
  • Add audio or multiplayer support

Pull requests are welcome! 🎉


💻 Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript

📬 Contact

Got questions or feedback?

📧 Email: SHAIK.ABDULSAMMED@outlook.com
🔗 GitHub: @Abdul9010150809


❤️ Built with Logic and Passion

Game on. Learn on. 🎮

About

This game lets you play the classic Rock-Paper-Scissors against the computer. It's interactive, colorful, and a perfect project for those learning DOM manipulation

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors