🎮 Tic-Tac-Toe with AI – Built by Anish

A modern, responsive, and AI-powered Tic-Tac-Toe game built using HTML, CSS, and JavaScript.

Challenge yourself against an intelligent AI with multiple difficulty levels and enjoy a smooth, animated UI experience.

---

✨ Features

🔥 Clean & Modern UI (Inter Font + Glassmorphism feel)
🤖 AI Opponent with 3 Difficulty Levels
🎯 Easy | Medium | Hard Modes
📊 Live Scoreboard Tracking
🎵 Sound Effects Toggle
📱 Fully Responsive Design
🎨 Animated Win Line (SVG overlay)
🧠 Smart AI Logic
🖼️ Dynamic Background Canvas

---

🧠 AI Difficulty Levels

• Easy → Random moves
• Medium → Semi-strategic play
• Hard → Unbeatable AI (Minimax-based logic)

Think you can beat Hard mode? 👀

---

🛠️ Tech Stack

• HTML5
• CSS3 (Modern styling + animations)
• Vanilla JavaScript
• SVG for win-line animation
• Canvas for dynamic background

No frameworks. No libraries. Pure logic.

---

📂 Project Structure

├── index.html ├── style.css ├── game.js

---

🚀 How to Run Locally

1. Clone the repository:

   git clone https://github.com/your-username/your-repo-name.git
   
   Open the folder
   

Simply open index.html in your browser

❤️ Built With Passion

“Anish built it by blessing of God.”

🔗 Live Demo: [See here]

Crafted with logic, design focus, and continuous learning.

📌 Connect With Me

If you liked this project, feel free to connect with me on LinkedIn and check out more of my work!

⭐ Don’t forget to star the repo if you like it!

I challenged myself to build a modern version of Tic-Tac-Toe — but not just a basic one.

So I added:

✅ 3 AI Difficulty Levels (Easy, Medium, Hard)
✅ Unbeatable AI Logic
✅ Live Scoreboard
✅ Animated Win-Line (SVG)
✅ Sound Effects Toggle
✅ Fully Responsive UI
✅ Dynamic Canvas Background

The hardest part?
Designing the AI logic and handling different difficulty behaviors cleanly.

This project helped me improve: • Game state management
• DOM manipulation
• AI thinking logic
• UI structuring & animations

Try beating Hard mode if you can 👀