https://github.com/babanigit/tic-tac-toe-game

This project is a real-time multiplayer Tic-Tac-Toe game built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. With seamless integration of Stream Chat for real-time communication, players can enjoy an immersive gaming experience while competing against each other from anywhere.
https://github.com/babanigit/tic-tac-toe-game

game mern mern-stack message online-game streamchat tic-tac-toe tictactoe two-player

Last synced: about 1 month ago
JSON representation

This project is a real-time multiplayer Tic-Tac-Toe game built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. With seamless integration of Stream Chat for real-time communication, players can enjoy an immersive gaming experience while competing against each other from anywhere.

• Host: GitHub
• URL: https://github.com/babanigit/tic-tac-toe-game
• Owner: babanigit
• Created: 2024-05-05T13:37:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-25T03:43:38.000Z (over 1 year ago)
• Last Synced: 2025-01-29T18:25:29.637Z (8 months ago)
• Topics: game, mern, mern-stack, message, online-game, streamchat, tic-tac-toe, tictactoe, two-player
• Language: TypeScript
• Homepage: https://tic-tac-toe-game-503l.onrender.com
• Size: 1.24 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎮 Real-Time Multiplayer Tic-Tac-Toe Game (MERN Stack)

A full-stack real-time multiplayer **Tic-Tac-Toe** web game powered by the **MERN stack**. It includes **real-time chat integration using Stream Chat API**, user authentication, session management, and a smooth multiplayer game experience. Deployed on **AWS EC2 using Docker**, this project showcases my ability to build scalable, interactive web applications with secure backend functionality and real-time features.

---

## 🧠 What I Built

- 👨‍💻 A real-time multiplayer game using **WebSockets** via Stream Chat

- 🔒 Secure authentication using **JWT** and sessions

- 📦 Backend APIs built with **Node.js, Express**, and **MongoDB**

- 🧑‍🎨 Interactive UI using **React.js**

- 🐳 Production-ready deployment using **Docker** on an **AWS EC2** instance

---

## 🌐 Live Demo

Hosted on AWS EC2:  

🔗 [http://13.235.79.12:5005/](http://13.235.79.12:5005/)

---

## 📸 Screenshots

### 📝 Register Page

![Register Page](ss/ttt.png)

### 🎮 Create & Join Game Page

![Create and Join Game Page](ss/ttt2.png)

### 🧠 Game Interface

![Main Game Page](ss/ttt3.png)

---

## 🚀 Features

- 🔐 User registration and login with encrypted password storage

- 🧑‍🤝‍🧑 Create or join private/public games via unique room codes

- 🔄 Real-time gameplay and messaging via **Stream Chat**

- 🧠 Game logic: win-checking, draw detection, and score tracking

- 🌍 Responsive UI for both desktop and mobile

- 📦 Dockerized for consistent deployment

---

## ⚙️ Tech Stack

### 💻 Frontend:

- React.js

- Tailwind CSS (if used)

### 🖥️ Backend:

- Node.js

- Express.js

- MongoDB (via Mongoose)

- JWT & Express Session for Authentication

### 📡 Real-Time & Chat:

- Stream Chat API

### 🐳 DevOps:

- Docker

- AWS EC2

- PM2 (optional for running Node server in production)

---

## 📦 Dependencies

```json

"dependencies": {

  "bcrypt": "^5.1.1",

  "bcryptjs": "^2.4.3",

  "connect-mongo": "^5.1.0",

  "cookie-parser": "^1.4.6",

  "cors": "^2.8.5",

  "dotenv": "^16.4.5",

  "envalid": "^8.0.0",

  "express": "^4.19.2",

  "express-session": "^1.18.0",

  "http-errors": "^2.0.0",

  "jsonwebtoken": "^9.0.2",

  "mongoose": "^8.3.3",

  "morgan": "^1.10.0",

  "stream-chat": "^8.31.0",

  "uuid": "^9.0.1",

  "pnpm": "^10.7.1"

}