♟️ Bit.Chess – Real-Time Online Chess Game

---

---

🧠 Project Overview

Hi, I’m Shaurya Mishra — a web guy. I built Bit.Chess as a fun project to play real-time chess with my friend.
In the process, I learned how to build multiplayer, real-time applications using WebSockets and Socket.IO.

This app supports:

• 🎮 Real-time 2-player chess matches
• ♻️ Move synchronization via Socket.IO
• 🔐 Client-Side Sleek Drag And Drop
• 🎨 Sleek responsive UI with Tailwind and React
• 🧠 Backend with Node.js + Express

---

✨ Features

• ♟️ Play live chess against friends
• 👥 Multiplayer lobby system
• 🔒 Sleek Drag and Drop feature
• 📡 WebSocket-powered move synchronization
• 🌐 Fully responsive UI
• 🚀 Deployed via Render

---

🛠 Tech Stack

Layer	Technologies
Frontend	React, Tailwind CSS, Vite
Backend	Node.js, Express
Realtime	Socket.IO
Database	MongoDB
Extras	JWT Auth, Chess.js, REST APIs

---

📁 Project Structure

bit.chess/
├── client/                 # React + Tailwind Frontend
│   └── ...
├── server/                 # Node.js + Express Backend
│   └── ...
├── socket/                 # Socket.IO logic
├── assets/                 # Screenshots, demo GIFs
└── README.md

---

🚀 Getting Started

# Clone the repository
git clone https://github.com/winshaurya1/bit.chess.git
cd bit.chess

# Install frontend dependencies
cd client
npm install

# Install backend dependencies
cd ../server
npm install

# Run backend
npm start

# In another terminal, run frontend
cd ../client
npm run dev

Make sure MongoDB is running locally or use a cloud MongoDB URI.

---

📌 What I Learned

• Real-time bidirectional communication using WebSockets
• How Socket.IO handles events and rooms
• Managing frontend and backend sockets
• Sleek Drag And Drop Client Side
• Chessboard rendering logic and multiplayer synchronization
• Organizing full-stack projects with MongoDB, Node.js, and React

---

📬 Connect with Me

I'm always open to feedback or collaborations on exciting real-time projects or AI systems.

---