Elite Tic Tac Toe

Overview

Elite Tic Tac Toe is a high-performance web-based game that elevates the classic experience with advanced features and a professional aesthetic. Designed with a modern "glassmorphism" UI, the application offers three distinct game modes: Player vs. Computer, local 2-Player, and a real-time Online Multiplayer mode. The project showcases sophisticated state management and the integration of cloud-based real-time synchronization.

Technical Features

• Minimax AI Engine: Features an "Advanced CPU" mode powered by the Minimax algorithm, ensuring an unbeatable or highly strategic opponent for single-player mode.
• Real-Time Multiplayer: Implements a custom online matchmaking system using Firebase Realtime Database and Google Apps Script, allowing players to join via unique Room IDs.
• Optimistic UI Updates: Employs optimistic synchronization for online moves, providing a zero-latency feel while backend data validates the game state.
• Dynamic Glassmorphism UI: Built with a sophisticated CSS architecture featuring backdrop-blur filters, linear gradients, and CSS animations for a premium look and feel.
• Integrated Audio System: Includes a full sound suite for moves, wins, and draws, with an accessible toggle for audio management.

Project Architecture

The application is structured using a robust Vanilla JS architecture that manages game logic, state synchronization, and DOM updates. It utilizes an event-driven model to handle user inputs and a Firebase listener (roomRef.on("value")) to reactively update the game board for online players. The UI is completely responsive, leveraging CSS variables for theme consistency across all game components.