Skip to content

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!

Notifications You must be signed in to change notification settings

ManjotKaurGill/Tic-Tac-Toe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎮 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

  1. The game board is a 3x3 grid.

  2. Player X starts first.

  3. On every valid move:

    • The cell fills with current player's symbol.
    • Turn switches.
    • It checks for win or draw.
  4. On win/draw: display message and disable board.

  5. 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

About

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!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published