Skip to content

AndrewVynnytskyi/tic-tac-toe-multiplayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🕹️ Tic-Tac-Toe Multiplayer

A web-based Tic-Tac-Toe game built with React and Socket.IO, offering both local multiplayer and * online multiplayer* modes. Play with a friend on the same device or connect remotely in real-time!

🚀 Features

  • 🎮 Local Multiplayer: Play with a friend on the same device.
  • 🌐 Online Multiplayer: Real-time gameplay with remote players using Socket.IO.
  • 🔁 Dynamic Game Board: Responsive and interactive UI built with React.
  • 💡 Game Status Updates: Displays the current turn, win, or draw state.
  • Socket.IO Integration: Ensures seamless real-time communication between players.

🧩 Tech Stack

  • Frontend: React, JavaScript, CSS
  • Backend: Node.js, Express, Socket.IO

📂 Project Structure

Client

  • React Components: Modular components for the game interface.
  • Styles: Custom CSS for a clean and responsive design.

Server

  • Socket.IO Events: Handles real-time communication and game logic.
  • Room Management: Manages active rooms, player assignments, and game states.

🛠️ Installation

  1. Clone the repository:
    git clone https://github.com/AndrewVynnytskyi/tic-tac-toe-multiplayer.git
    cd tic-tac-toe-multiplayer
  2. Install dependencies for both client and server:
   cd client
   npm install
   cd ../server
   npm install
  1. Start the server:

     cd server
     node index.js
  2. Open your browser and navigate to http://localhost:3000 to play the game.

Usage

  • Local Multiplayer: Click on the "Play Locally" button to start a game with a friend on the same device.
  • Online Multiplayer: Click on the "Play Online" button to create or join a game room. Share the room ID with your friend to play together.

📄 License

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

About

A full-stack multiplayer Tic-Tac-Toe game using React for the frontend and Socket.IO for real-time WebSocket communication, supporting both local and remote players.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors