Skip to content

This is a classic hand game that has been brought to life with UI on Steroids ๐Ÿ’ช๐Ÿ”ฅ using just HTML, Tailwind CSS, and JavaScript.

Notifications You must be signed in to change notification settings

roneymoon/rock-paper-scissors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

6 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Rock-Paper-Scissors ๐ŸŽฎ

Welcome to the Rock-Paper-Scissors game! This is a classic hand game that has been brought to life using HTML, Tailwind CSS, and JavaScript. Test your luck and strategy against the computer in this simple yet addictive game. Can you beat the computer and reach the winning score?

๐Ÿš€ Features

  • Interactive UI: Beautiful and responsive design powered by Tailwind CSS.
  • Smooth Animations: Enjoy smooth transitions and hover effects for an engaging experience.
  • Dynamic Scoring: The game keeps track of scores, updating the interface based on the outcomes.
  • Winning Logic: The game announces a winner once a player reaches a set score.
  • Real-time Computer Moves: The computerโ€™s move is generated randomly, making the game unpredictable and fun!

๐ŸŽฎ How to Play

  1. Choose Your Move: Click on the Rock (๐Ÿ‘Š), Paper (โœ‹), or Scissors (โœŒ๏ธ) button to make your move.
  2. Computerโ€™s Move: The computer will automatically choose its move.
  3. Scoring:
    • Rock beats Scissors
    • Scissors beat Paper
    • Paper beats Rock
    • The game will declare a tie if both choose the same move.
  4. Winning the Game: The first player to reach the winning score (default is 5) wins the match.

๐Ÿ“‚ Project Structure

  • index.html: The main HTML file containing the structure of the game.
  • app.js: The JavaScript file containing the logic for the game.
  • tailwind.css: Tailwind CSS is used for styling the UI components.

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • Tailwind CSS
  • JavaScript (ES6+)

๐Ÿ“ธ Screenshots

image

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Make your changes and commit them (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature-name).
  5. Create a pull request.

๐Ÿ”— Links

๐Ÿ“œ License

This project is licensed under the MIT License - see the LICENSE file for details.

About

This is a classic hand game that has been brought to life with UI on Steroids ๐Ÿ’ช๐Ÿ”ฅ using just HTML, Tailwind CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published