🎮 Tic Tac Toe Game

A modern and interactive Tic Tac Toe game built using React.js. This project allows two players to play Tic Tac Toe in a clean and responsive user interface with winner detection and game reset functionality.

🚀 Features

• ❌ Player X and ⭕ Player O turns
• 🏆 Automatic winner detection
• 🔒 Prevents moves after game completion
• 🔄 Reset game functionality
• 🎨 Modern and responsive UI
• ⚛️ Built with React Hooks (useState, useRef)

📸 Screenshot

🛠️ Technologies Used

• React.js
• JavaScript (ES6+)
• CSS3
• HTML5

📂 Project Structure

src/
│
├── components/
│   └── TicTacToe/
│       ├── TicTacToe.jsx
│       ├── TicTacToe.css
│
├── Assets/
│   ├── circle.png
│   └── cross.png
│
├── App.js
├── index.js
└── index.css

⚙️ Installation

Clone the repository

git clone https://github.com/YOUR_USERNAME/tic-tac-toe.git

Navigate to project directory

cd tic-tac-toe

Install dependencies

npm install

Run the application

npm start

The application will start on:

http://localhost:3000

🎯 How to Play

1. Player X starts first.
2. Players take turns marking empty cells.
3. First player to get three symbols in a row, column, or diagonal wins.
4. Click the RESET button to start a new game.

🔮 Future Improvements

• Draw detection
• Scoreboard system
• Single-player mode with AI
• Sound effects
• Dark/Light theme
• Online multiplayer support

🤝 Contributing

Contributions are welcome.

1. Fork the repository
2. Create a new branch

git checkout -b feature-name

3. Commit your changes

git commit -m "Add feature"

4. Push to GitHub

git push origin feature-name

5. Open a Pull Request

👨‍💻 Author

Vedant Ved

• GitHub: https://github.com/Vedant43hh

📜 License

This project is licensed under the MIT License.