Skip to content

amaralazizy/tenzies-game

Repository files navigation

🎲 Tenzies Game

Tenzies is a fun and addictive dice-rolling game built with React and styled using Tailwind CSS. The objective of the game is simple: roll the dice until all of them show the same number. You can "freeze" dice to lock their value while rolling the rest. It's a great way to test your luck and strategy!

🛠 Features

  • Interactive Gameplay: Roll dice, freeze specific values, and work your way to victory!
  • Confetti Celebration: Enjoy a visual confetti effect when you win.
  • Responsive Design: Fully responsive and optimized for all screen sizes.
  • Clean UI: Styled with Tailwind CSS for a simple and elegant interface.
  • Randomized Dice Rolls: Each roll generates new random numbers for unfrozen dice.

🎮 How to Play

  1. Click the "Roll" button to roll the dice.
  2. Click on a die to "freeze" it at its current value.
  3. Continue rolling until all dice show the same value.
  4. Celebrate with confetti when you win!
  5. Click "New Game" to reset the game and play again.

🖥 Demo

Live Demo

🧑‍💻 Technologies Used

  • React: For building the game interface and handling state.
  • Tailwind CSS: For fast and responsive styling.
  • React-Confetti: For celebratory animations.
  • JavaScript: For game logic and random dice generation.

🚀 Installation and Usage

To run the game locally:

  1. Clone this repository:

    git clone https://github.com/amaralazizy/tenzies-game.git
    cd tenzies-game
  2. Install dependencies:

    npm install
  3. Run the front-end server:

    npm run dev
  4. Open the local host URL given by terminal in your browser to play the game.

📷 Screenshots

🎮 Gameplay

Screenshot 2024-12-16 024352

🎉 Winning Moment

Screenshot 2024-12-16 024448

🤝 Contributions

Contributions, issues, and feature requests are welcome! Feel free to check the issues page or submit a pull request.


Enjoy rolling your way to victory with Tenzies! 😊