Skip to content

sahilatahar/RealTime-Tic-Tac-Toe

Repository files navigation

Real-Time Tic Tac Toe Preview

🎮 Realtime Tic Tac Toe

No login required • Open Source • React, TypeScript, Express, Socket.io, Tailwind CSS


A fast-paced, real-time multiplayer Tic Tac Toe game. No login or signup — enter your name and start playing instantly with friends. Built using modern web technologies with a clean UI and responsive design. Perfect for learning how to implement WebSockets and real-time communication in web apps.

✨ Features

  • ⚡ Realtime multiplayer using Socket.io.
  • 🧩 Simple room creation and joining system.
  • 💬 In-game chat support.
  • 🧑‍🎨 Support player nickname customization.
  • 😄 Include emoji reactions during gameplay.
  • 🎨 Beautiful UI with Tailwind CSS.
  • 🧠 Built with React, TypeScript, Node.js, and Express.
  • 🔒 No authentication or login required.
  • 📱 Responsive design for desktop and mobile.
  • 🌐 Open-source and self-hostable.

🚀 Live Preview

Experience the game instantly without any signup or installation:

🎮 Play the game live → https://tictactoe.sahilatahar.dev/

🖼️ Screenshots

Game Lobby
Lobby - Create or Join Room

Game Lobby
Room - After Joining a Room

In Game UI
Game Board - Real-time Match + Chat

💻 Tech Stack

React TypeScript Tailwind CSS NodeJS ExpressJS Socket io Git GitHub

⚙️ Installation

  1. Fork this repository: Click the Fork button located in the top-right corner of this page.

  2. Clone the repository:

    git clone https://github.com/<your-username>/RealTime-Tic-Tac-Toe.git
  3. Create .env file (Optional): Inside the root directories create .env and set:

    VITE_APPLICATION_URL=http://localhost:3000
    PORT=3000
  4. Install dependencies:

    npm install
  5. Run the project:

    npm run dev
  6. Access the application:

    http://localhost:5173/

🔮 Future Enhancements

  • 🏠 Add game rooms to allow multiple rounds in one session.
  • 👀 Enable spectators to watch live games.
  • 🔗 Generate shareable links to invite friends directly.
  • 📱 Make the game installable as a Progressive Web App (PWA).
  • 🤖 Add a smart AI opponent for single-player mode.

🌟 Support Us

If you find this helpful or valuable, please consider 🌟 starring the repository. It helps us gain visibility and encourages further development.

🧾 License

This project is licensed under the MIT License.

✍️ About Developer

Sahil Atahar
Sahil Atahar

About

RealTime Tic Tac Toe — No login | Open Source | React, Node.js, Tailwind CSS, Express, Socket.io

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors