/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.

Primary LanguageTypeScript

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.