/Tic-Tac-Toe

This GitHub repository contains a real-time, two-player Tic Tac Toe game with a built-in chat feature. Players can create a room, invite others to join using a username and start playing the classic game of Tic Tac Toe. The game board is updated in real-time, allowing both players to see the moves of their opponent as they happen.

Primary LanguageJavaScript

pathetic-rhythm-8967-

tic tac toe game

Frontend Deployed Link : https://genuine-granita-f5d735.netlify.app/
Backend Deployed Link : https://tic-tac-toe-9o7w.onrender.com

This GitHub repository contains a real-time, two-player Tic Tac Toe game with a built-in chat feature. Players can create a room, invite others to join using a unique code, and start playing the classic game of Tic Tac Toe. The game board is updated in real-time, allowing both players to see the moves of their opponent as they happen. The chat feature allows players to communicate with each other during the game. The code is written in JavaScript and uses Socket.io for real-time communication. This is a great project for anyone looking to build a simple multiplayer game and learn about real-time web development.

❄️ This project was completed in 4 days with 2 team members

-Altaf khan
-Hariom Kumar

Tech Stacks used

  • Frontend:

    • React
    • chat-stream
  • Backend:

    • NodeJS
    • ExpressJS
    • chat-stream (getstream.io)

Run Locally

clone this repo and go to client path by put command

cd client

then just simply type bellow code for install front-end packages

npm i

after just simply type bellow code for run react app locally

npm run start

or

npm start

Packages used

  • Backend:

    • "bcrypt": "^5.1.0",
    • "cors": "^2.8.5",
    • "dotenv": "^16.0.3",
    • "express": "^4.18.2",
    • "nodemon": "^2.0.20",
    • "stream-chat": "^8.4.1",
    • "uuid": "^9.0.0"
    • "jsonwebtoken": "^9.0.0"
  • Front-end:

    • "@testing-library/jest-dom": "^5.16.5",
    • "@testing-library/react": "^13.4.0",
    • "@testing-library/user-event": "^13.5.0",
    • "axios": "^1.3.4",
    • "react": "^18.2.0",
    • "react-dom": "^18.2.0",
    • "react-scripts": "5.0.1",
    • "stream-chat": "^8.4.1",
    • "stream-chat-react": "^10.7.0",
    • "universal-cookie": "^4.0.4",
    • "web-vitals": "^2.1.4"

procedure

Screen Shots

🔹 Homepage

Home

🔹 create room

create room

🔹 waiting

waiting

🔹 board

board

🔹 Execution Video

video1990603576.mp4