🎮 Tic Tac Toe Game

A simple and interactive Tic Tac Toe game built using HTML, CSS, and JavaScript. This project allows two players to play the classic Tic Tac Toe game in the browser with sound effects, animations, and responsive design.

---

🚀 Features

• ❌⭕ Two-player gameplay (X vs O)
• 🟩 Winning boxes highlight
• 📏 Automatic winning line animation
• 🔊 Sound effects for click, win, draw, and reset
• 📱 Responsive design (works on mobile, tablet, and desktop)
• 🎨 Smooth UI animations
• 🔒 Boxes lock after selection
• 🤝 Draw detection

---

🛠️ Technologies Used

• HTML5 – Structure of the game
• CSS3 – Styling, animations, and responsive layout
• JavaScript (Vanilla JS) – Game logic and interactions

---

🎯 How to Play

1. The game starts with Player X.
2. Players take turns clicking on empty boxes.
3. The first player to align three symbols in a row, column, or diagonal wins.
4. The winning combination is highlighted with a line animation and color change.
5. If all boxes are filled and no player wins, the match ends in a draw.
6. Click the Reset Game button to start a new game.

---

⚙️ How to Run the Project

1. Clone the repository

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

2. Open the project folder.

3. Run the game by opening index.html in your browser.

---

🌐 Live Demo

You can play the live version here:

https://tic-tac-toe-game-aadi.vercel.app

---

📱 Responsive Design

The game layout automatically adjusts for:

• Mobile phones
• Tablets
• Desktop screens

---

🔮 Future Improvements

Possible enhancements for this project:

• 🤖 Computer AI opponent
• 🏆 Scoreboard system
• 🌙 Dark mode
• 🎨 Improved animations
• 👥 Player name input

---

📜 License

This project is open-source and free to use.

---

👨‍💻 Author

Developed by Aditya Kourav

If you like this project, feel free to ⭐ the repository.