Skip to content

A premium Rock Paper Scissors web app with glassmorphism UI, theme switching, and real-time score tracking. Built with Vanilla JS and hosted on Firebase.

Notifications You must be signed in to change notification settings

lotus-outlook-6/RockPaperScissorGame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rock Paper Scissors - Cyber Edition ✊🤚✌️

A premium, high-fidelity web application based on the original Antigravity Rock Paper Scissors logic. Experience the classic game with a modern cyberpunk aesthetic and seamless mobile-optimized gameplay.

🚀 Live Demo

Play it here: https://rockpaperscissorsgame-python.web.app


✨ Features

  • Modern UI: Smooth glassmorphism design with vibrant neon gradients.
  • Theme Engine: Toggle between classic Hands and modern Objects themes.
  • Full Responsive: Perfectly optimized for Desktop, Tablet, and Mobile screens.
  • In-App Code View: Peek behind the curtain! View the original Python game logic directly in the browser with syntax highlighting.
  • Keyboard Support: Play like a pro using R, P, and S keys.

🛠️ Tech Stack

  • Frontend: Vanilla HTML5, CSS3, JavaScript (ES6+).
  • Styling: Advanced CSS Grid/Flexbox, Backdrop filters, and Keyframe animations.
  • Syntax Highlighting: Prism.js for code visualization.
  • Hosting: Firebase Hosting for global low-latency access.

💻 Running Locally

🌐 Web Version

To run the modern web interface:

  1. Open the public folder.
  2. Launch index.html (recommended using a local server like "Live Server" in VS Code).

🐍 Original Python Version

The core logic started here! To run the console version online:

Run on Replit

Or run it on your own machine:

  1. Ensure you have Python installed.
  2. Run the main script:
    python main.py

🕹️ How to Play

  1. Choose your weapon: Click the Rock, Paper, or Scissors icons (or use your keyboard).
  2. Wait for the Comp: Watch the animated computer fist reveal its move.
  3. Check the Score: Watch your score grow as you dominate the computer!
  4. Peep the Code: Click the </> icon in the top right to see how it all works.

Developed with ❤️ by Kunal.

About

A premium Rock Paper Scissors web app with glassmorphism UI, theme switching, and real-time score tracking. Built with Vanilla JS and hosted on Firebase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published