Tic-Tac-Toe with Real-Time Chat

Welcome to the Tic-Tac-Toe project! This application allows users to play the classic game of Tic-Tac-Toe against opponents in real time. Built using the MERN stack (MongoDB, Express, React, Node.js), this project also features a WebSocket implementation for real-time chat functionality.

Features

• Real-Time Multiplayer: Play Tic-Tac-Toe against other players in real time.
• Chat Functionality: Communicate with your opponent using a chat feature powered by WebSockets.
• User Authentication: Sign up and log in to save your game history.
• Responsive Design: Play on any device, including desktops, tablets, and smartphones.

Technologies Used

• Frontend:

  • React
  • TailwindCSS
  • Socket.IO (for real-time communication)

• Backend:

  • Node.js
  • Express
  • MongoDB (for database management)
  • Socket.IO (for WebSocket implementation)

Installation

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/tic-tac-toe.git

2. Navigate to the project directory:

   cd tic-tac-toe  

3. Install the backend dependencies:

   cd backend
   npm install  

4. Install the frontend dependencies:

   cd ../frontend
   npm install  

5. Set up the environment variables:

   Create a .env file in the backend directory and add your MongoDB connection string.

6. Start the backend server:

   cd backend
   npm start  

7. Start the frontend application:

   cd ../frontend
   npm start
   

Usage

• Create an account or log in to your existing account.
• Start a new game and invite an opponent using the chat feature.
• Enjoy playing Tic-Tac-Toe and chatting in real time!

Demo