https://github.com/aashniharia/tic-tac-toe

A real-time multiplayer Tic-Tac-Toe game that enables two players to compete online.
https://github.com/aashniharia/tic-tac-toe

bootstrap5 nodejs reactjs socket-io

Last synced: 3 months ago
JSON representation

A real-time multiplayer Tic-Tac-Toe game that enables two players to compete online.

• Host: GitHub
• URL: https://github.com/aashniharia/tic-tac-toe
• Owner: aashniharia
• Created: 2025-03-05T23:48:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-19T23:41:23.000Z (over 1 year ago)
• Last Synced: 2025-03-20T00:21:48.393Z (over 1 year ago)
• Topics: bootstrap5, nodejs, reactjs, socket-io
• Language: JavaScript
• Homepage: https://tic-tac-trophy.netlify.app/
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tic-Tac-Toe Game

Welcome to the **Tic-Tac-Toe Game** built using **React.js** , **Node.js + Socket.io** and **CSS**! 🎮

This is a multiplayer interactive Tic-Tac-Toe game where you can play the classic game with a friend in your browser. It is fully responsive, styled with custom CSS, and deployed live on **Netlify**.

You can play the game by visiting:  

**[https://tic-tac-trophy.netlify.app/](https://tic-tac-trophy.netlify.app/)**

## Features ✨

- **Interactive Gameplay**: Two-player Tic-Tac-Toe game.

- **Real-Time Updates**: The game updates as you make moves.

- **Game Reset**: Ability to reset the game after a match finishes.

- **Responsive Design**: Play the game on any device (desktop, tablet, or mobile).

- **Simple UI**: Clean and minimal design for an easy user experience.

## How to Play 🕹️

1. The game board consists of a 3x3 grid.

2. Player 1 uses `X`, and Player 2 uses `O`.

3. Players take turns to click on an empty cell to place their mark.

4. The first player to get three marks in a row (horizontally, vertically, or diagonally) wins!

5. If all cells are filled and no one has won, it results in a draw.

6. You can click the "Reset Game" button to restart the game.

## Tech Stack 🛠️

- **Frontend**: React.js

- **Backend**: Node.js + Socket.io

- **Styling**: Custom CSS

- **Deployment**: Netlify