XO Game

Project Overview

A modern, responsive Tic-Tac-Toe application highlighting CSS variables, CSS grid layouts, and clean state machine logic in vanilla JavaScript. Includes interactive audio, hover highlights, and local storage record tracking.

Key Features

• Interactive board with smooth CSS keyframe animations and sound effects
• Local score tracking keeping record histories between browser reloads
• Smart AI opponent built using a Minimax algorithm for unbeatable play
• Responsive design ensuring touch interactions work seamlessly on mobile browsers

Technical Challenges & Solutions

Creating an unbeatable AI opponent without delaying the game loop. Solved by executing a minimax tree search with alpha-beta pruning in JavaScript, ensuring calculations execute in under 5 milliseconds.