🎮 Tic Tac Toe — Web Game (JavaScript + TailwindCSS)
A responsive, interactive Tic Tac Toe game built using HTML, TailwindCSS, and Vanilla JavaScript — featuring sound effects, player turn logic, win/draw detection, and a sleek UI!
✨ Features
✅ Two-player mode with alternating turns (X and O)
✅ Win/draw detection based on classic Tic Tac Toe logic
✅ Sound effects for clicks and victory
✅ Responsive design for mobile and desktop
✅ Reset button to replay instantly
✅ Built using TailwindCSS for modern styling
🚀 Demo
You can play it live here: https://tic-tac-toe-fun-24.vercel.app/
🛠 Tech Stack
-
HTML5
-
Tailwind CSS
-
Vanilla JavaScript
-
Audio API
How It Works
-
The game board is a 3x3 grid.
-
Player X starts first.
-
On every valid move:
- The cell fills with current player's symbol.
- Turn switches.
- It checks for win or draw.
-
On win/draw: display message and disable board.
-
Hit Reset to play again!
Setup
Clone this repo:
git clone https://github.com/ManjotKaurGill/tic-tac-toe.git
cd tic-tac-toe
Then open index.html in your browser.
🎉 Credits
Made with 💙 by Manjot Kaur