Tic Tac Toe Game (React)

A clean, interactive, and modern Tic Tac Toe game built using React. Developed as part of the Web Dev Cohort 2026 project.

?? Overview

This project demonstrates fundamental React concepts including component structure, state management, event handling, and dynamic rendering.

?? Features

• 3x3 Game Board: Classic grid layout.
• Two-Player Turn System: Alternates between Player X and Player O.
• Custom UI Assets: Uses custom icons for game pieces.
• Win & Draw Detection: Automatically calculates game outcomes.
• Game Reset: Easily clear the board to play again.
• Modern UI: Dark theme with beautiful gold accents and gradients.
• Responsive: Works smoothly on both mobile and desktop screens.

??? Technologies Used

• React & Vite
• CSS3 (Custom theming)
• JavaScript (ES6+)

?? Installation & Setup

Follow these simple steps to run the game locally on your machine.

1. Install dependencies: �ash npm install

2. Start the development server: �ash npm run dev

3. Open in Browser: Click the local link provided in the terminal (usually http://localhost:5173).

?? How to Play

1. Player 1 starts as "X".
2. Click any empty box on the grid to place your mark.
3. Player 2 then takes their turn as "O".
4. The first player to get 3 marks in a row wins!
5. If all 9 squares are filled without a winner, the game is a draw.
6. Click "Reset Game" to start over.

Enjoy the game!

---

_{You can find more of my work at abdulrdeveloper.me  ·  Read more posts at blog.abdulrdeveloper.me  ·  See more projects on GitHub}