This is a simple Tic-Tac-Toe game built using React. It allows two players to take turns and keeps track of their scores. If you win a game, you'll even hear a celebratory sound effect!
- Classic Tic-Tac-Toe gameplay.
- Scoreboard to keep track of "X" and "O" scores.
- Sound effects for the winning player.
- Option to reset the game board.
To get started with the Tic-Tac-Toe app, follow these steps:
-
Clone the repository to your local machine:
bash
git clone -
Navigate to the project directory:
bash
cd
- Install the necessary dependencies:
bash
npm install
- Start the development server:
bash
npm start
The app should now be running locally in your browser.
- The game is played on a 3x3 grid.
- Two players take turns marking a square with their symbol: "X" or "O."
- The first player to get three of their symbols in a row (horizontally, vertically, or diagonally) wins the game.
- If all the squares are filled, and no player has three in a row, the game ends in a draw.
The app is structured into several components:
- Board: Renders the game board and handles player moves.
- Box: Represents an individual square on the board and responds to player clicks.
- ResetButton: Provides a button to reset the game board.
- ScoreBoard: Displays the current scores for "X" and "O" players.
These components work together to create the game's user interface and logic.
The app includes sound effects to enhance the gaming experience. When a player wins, you'll hear a celebratory sound:
- "yay.mp3" for the "X" player's win.
- "uhh.mp3" for the "O" player's win.
We welcome contributions to this project. If you'd like to contribute, you can do so by:
- Opening issues for bug reports or feature requests.
- Submitting pull requests with improvements or new features.
Your contributions are greatly appreciated!