Back to projects
Shut The Box

Shut The Box

Christian Johnson / August 17, 2024


Shut the Box is a fun and interactive dice game built with React. The objective of the game is to flip down all the numbered tiles by rolling two dice and using the resulting numbers to determine which tiles to flip.

Demo

Link to live demo (Replace with your demo link)

Features

  • Interactive game board with numbered tiles
  • Dice rolling functionality
  • Simple and responsive UI
  • Flipping tiles upon selection

Technologies Used

  • React
  • JavaScript
  • CSS
  • Vite (for bundling)

Installation

To set up the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/headnose/shut-the-box.git
    
  2. Navigate into the project directory:

    cd shut-the-box
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm run dev
  5. Open your browser and navigate to http://localhost:3000 to see the game in action!

Usage

Once the game is loaded, click the "Roll Dice" button to roll two dice. Use the numbers displayed on the dice to flip down the corresponding tiles on the board. The goal is to flip all the tiles before you run out of moves!

How to Play

  1. Roll the dice by clicking the "Roll Dice" button.
  2. Use the sum of the two dice rolls to choose which tiles to flip down.
  3. Click on the numbered tiles to flip them down.
  4. Continue rolling the dice and flipping tiles until you flip them all or cannot make any more moves.

Contributing

Contributions are welcome! If you'd like to contribute, please follow these steps:

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

License

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


Feel free to customize the content, especially the demo link and the repository URL. Good luck with your project!