♟️ Broot Chess

Live Site: Play Now

A real-time, multiplayer chess game built using React, WebSockets, and TypeScript. Challenge friends or play as a guest instantly — no signup needed!

---

🌟 Features

• ✅ Guest & Authenticated Login
• ✅ Real-Time Multiplayer via WebSockets
• ✅ Beautiful Responsive Chessboard UI
• ✅ Move Validation using chess.js
• ✅ Game Timer with Countdown Logic
• ✅ Rematch & Notification System
• ✅ Persistent Game History
• ✅ Mobile-Friendly Design

---

🛠️ Tech Stack

Frontend: React, Vite, TypeScript, Tailwind CSS
Backend: Node.js, Express, WebSocket (ws)
State Management: React Context API
Game Logic: chess.js
Deployment: Render

---

🚀 Getting Started

Clone & Install

git clone https://github.com/your-username/broot-chess-frontend.git
cd broot-chess-frontend
npm install

Run Locally

npm run dev

Make sure your backend server is also running (WebSocket + API) on the expected ports.

---

📷 Preview

---

📂 Project Structure (Frontend)

src/
├── components/       // UI Components
├── context/          // Global State
├── hooks/            // Custom Hooks    
├── screens/          // Login, Game, etc.
├── App.tsx
├── main.tsx

---

👥 Contributing

Want to contribute?

1. Fork the repo
2. Create a new branch: git checkout -b feature/your-feature
3. Commit your changes
4. Push to the branch
5. Open a Pull Request 🚀

---

🙌 Credits

• chess.js – Game rules and move validation
• react-router-dom – Routing
• framer-motion – Animations
• tailwindcss – Styling

---