🎮 TIC TAC TOE Game

🔗 Live Demo

A modern, responsive, and interactive Tic Tac Toe game built using HTML, CSS, and JavaScript with a clean UI and persistent data using localStorage. Play with your friends, track scores, and enjoy a smooth responsive UI 🚀

---

✨ Key Highlights

• ⚡ Fast and lightweight (no frameworks)
• 🎨 Modern glass-morphism UI
• 📱 Fully responsive design
• ✏️ Double click to edit player names
• 🏆 Score tracking system
• 💾 Data stored in localStorage
• 🔁 Alternating first turn system (fair gameplay)

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript

---

🚀 Features

• 🎮 2 Player gameplay (X vs O)
• 🔄 Alternating starting player (fair turn system)
• 👤 Editable player names (double click)
• 🏆 Live score tracking
• 💾 Persistent data using localStorage
• 🔁 New Game → resets board only
• 🔄 Reset → resets entire game (including scores)
• 🤝 Tie detection system
• 🙈 Clean result screen (players hidden on win)
• 🟢 Active player turn highlight

---

📂 Project Structure

project/
│
├── assets/
│   ├── css/
│   │   └── style.css
│   └── js/
│       └── script.js
├── index.html
├── LICENSE/
├── README.md/

---

📸 Screenshots

📸 📸

---

⚙️ Installation

Follow these steps to run locally:

# 1. Clone the repository
git clone https://github.com/webdev-desktop/Tic-Tac-Toe.git

# 2. Navigate to folder
cd Tic-Tac-Toe

# 3. Open in browser
Open index.html

---

🧑‍💻 How to Use

1. Click on any box to start the game
2. Players take turns automatically (X / O)
3. Starting player alternates every new game
4. Double click player name → edit
5. Winner gets score updated automatically
6. Click New Game → resets board only
7. Click Reset → resets full game (scores included)
8. Scores persist after refresh

---

🔮 Future Improvements

• 🤖 AI opponent (play vs computer)
• 🎯 Winning line highlight animation
• 🔊 Sound effects
• 🌗 Dark / Light mode toggle

---

🤝 Contribution

Contributions are welcome!

# Fork the repo
# Create new branch
git checkout -b feature/your-feature

# Commit
git commit -m "Add feature"

# Push
git push origin feature/your-feature

Then open a Pull Request 🚀

---

👨‍💻 Author

Made with ❤️ by Apurv (WebDev Admin) 🔗 GitHub

---

📄 License

This project is licensed under the MIT License.

---

⭐ Support

⭐ If you like this project, don't forget to star the repo!