SudoKMaar / noughts-and-crosses-clash

XO-CLASH is a multiplayer tic-tac-toe game where two players can compete against each other to win the game.

XO-CLASH

XO-CLASH is a multiplayer tic-tac-toe game where two players can compete against each other to win the game.

Deployer at XO CLASH

Features

• Real-time multiplayer gameplay: Play tic-tac-toe with a friend in real-time.
• Room-based matchmaking: Join or create a room and invite your friend to play.
• Turn-based gameplay: Take turns making moves and strategize to win.
• Rematch functionality: Request a rematch with your opponent after completing a game.
• Interactive UI: Engaging user interface with visual effects and animations.

Technologies Used

• React: JavaScript library for building user interfaces.
• Socket.IO: Real-time bidirectional event-based communication library.
• ParticlesBg: Particle background effect library for visual enhancement.
• CSS: Styling the components using custom styles.

Prerequisites

To run the XO-CLASH React app locally, you need to have the following installed:

• Node.js: JavaScript runtime environment
• npm: Node package manager

Installation

Follow these steps to set up the XO-CLASH React app:

1. Clone the repository to your local machine:

   git clone https://github.com/SudoKMaar/noughts-and-crosses-clash.git

2. Navigate to the project directory:

   cd xo-clash

3. Install the dependencies:

   npm install

Usage

Once you have installed the dependencies, follow these steps to run the XO-CLASH React app:

1. Start the development server:

   npm start

2. Open your web browser and go to http://localhost:3000 to access the application.

3. Invite your friend to join the game by sharing the room name.

4. Take turns making moves on the tic-tac-toe board.

5. If a player wins, a victory alert will be displayed, showing the winner's symbol and the game score.

6. Request a rematch to play another game with the same opponent.

7. Use the "Leave Room" button to exit the game room.

Contributing

Contributions to the XO-CLASH React app are welcome! If you find any issues or want to add new features, feel free to open an issue or submit a pull request.

Please make sure to follow the existing code style and include relevant tests when submitting a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

• The project utilizes various open-source libraries and frameworks, including React, Socket.IO, ParticlesBg, and CSS styling.