Tic-Tac-Toe

This project is a modern take on the classic Tic Tac Toe game, developed as a personal learning exercise using vanilla JavaScript. It features real-time turn logic, interactive sound effects, and a celebratory confetti animation on winning. Designed with modular code structure and playful UI elements, it's a small but polished frontend project showcasing DOM manipulation and event-driven logic in action.

Table of Content

• Live Website
• Preview
• Features
• Technologies Used
• Layout and Design
• Getting Started
• Credits
• License

Live Website

• You can play the game live here: Tic Tac Toe Live Demo

Preview

🕹️ Form Preview

🎮 Game Start Screen

🏆 Win with Confetti Celebration

Features

• 🧠 2-player Tic Tac Toe game with turn-based logic
• 🎵 Mario-themed sound effects on move, win, and draw
• 🎉 Confetti celebration on victory
• 🚫 Visual feedback (shake effect) for invalid moves
• 🔁 Reset and New Game options
• 💡 Clean, interactive UI

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Canvas Confetti (via CDN)

Layout and Design

The layout is built using responsive Flexbox and Grid. Color-coded marks, smooth transitions, and sound feedback enhance the user experience. The UI is minimal yet playful, inspired by retro games.

Getting Started

Follow these steps in order to kickstart your project:

1. Clone the Repository: git clone [email protected]:RajatTheDev/Tic-Tac-Toe.git
2. Open the index.html file in your preferred browser to view the content. 🌐

Credits

• Sound effects: Super Mario Bros. WAVs from The Mushroom Kingdom (used for educational purposes only)
• Confetti effect: Canvas Confetti via CDN

License

This project is covered by the MIT License, which means it's open for collaboration and sharing.