Upload 3 files

README.md

@@ -1,14 +1,48 @@
----
-title: Rock Paper Scissors Fullstack Game
-emoji: 🏆
-colorFrom: indigo
-colorTo: blue
-sdk: gradio
-sdk_version: 5.35.0
-app_file: app.py
-pinned: false
-license: mit
-short_description: A full stack game made with gradio and python.
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+✊✋✌️ Rock Paper Scissors Game
+
+🚀 Live Demo
+🔗 Play Now: https://huggingface.co/spaces/somya-27-04-03/Rock-paper-scissors-frontend
+
+🎮 Project Overview
+This is a full-stack Rock Paper Scissors game with:
+
+✅ A lively frontend built using HTML, CSS, JavaScript
+✅ Backend logic and API built using Python Flask deployed on Render
+✅ Hosted frontend on Hugging Face Spaces
+
+⚙️ Features
+🎨 Attractive UI with blurred background images
+
+🖱️ Interactive buttons for each choice
+
+📊 Score tracking (player vs computer)
+
+🤖 Random computer choice generated on each play
+
+🔊 Sound effects for win, lose, and tie
+
+🌙 Theme toggle ready for future enhancements
+
+🔗 Backend API using Flask with deployed REST endpoint
+
+🛠️ Tech Stack
+Frontend: HTML, CSS, JavaScript
+
+Backend: Python Flask
+
+Deployment: Render (backend), Hugging Face Spaces (frontend)
+
+Version Control: Git & GitHub
+
+🤝 Contributing
+Feel free to fork, raise issues, and submit pull requests to improve the UI, add multiplayer, or integrate advanced ML logic for dynamic gameplay.
+
+👤 Author
+Somya Ranjan Mahapatra
+
+GitHub
+
+Hugging Face
+
+⭐ If you like this project, give it a star on GitHub to support my open-source work!
+

app.py

@@ -5,6 +5,14 @@ import random
 player_score = 0
 computer_score = 0
 
+def reset_scores():
+    global player_score, computer_score
+    player_score = 0
+    computer_score = 0
+
+# ✅ Reset scores when app starts
+reset_scores()
+
 def play(user_choice):
     global player_score, computer_score
 
@@ -42,7 +50,7 @@ body {
   margin-top: 50px;
 }
 h1, h2, h3 {
-  color: black; /* 🖤 heading color changed to black */
+  color: black;
   text-align: center;
 }
 """) as demo:
@@ -53,4 +61,4 @@ h1, h2, h3 {
             play_button = gr.Button("Submit")
         output = gr.Textbox(label="output", lines=6)
     play_button.click(fn=play, inputs=user_choice, outputs=output)
-demo.launch()
+demo.launch()