Tic-Tac-Toe
A premium, fully responsive, feature-packed Tic-Tac-Toe web application built with semantic HTML5, Vanilla CSS3, and modern JavaScript (ES6).
Live Demo: https://xo.niranjans.tech/
Key Features
- Smart AI Opponent: Play in single-player mode against an unbeatable computer powered by a recursive Minimax Algorithm
- Custom Player Names: Customize player profiles directly via the input fields in the Controls Panel. Scoreboard labels update dynamically as you type.
- Alternating Symbols in PvP: In Player vs. Player mode, the player who started as X plays as O in the next round, and vice-versa. Score totals are tracked for the players themselves across rounds, regardless of which symbol they play.
- Synthesized Web Audio Tones: Immersion via offline sound effects synthesized programmatically using the browser's Web Audio API (requires no external asset downloads or HTTP requests) with a built-in mute toggle.
- Interactive Confetti Celebrations: Celebrates wins with a lightweight
<canvas>-rendered particle loop.
Built With
- HTML5 - Markup & Canvas particle rendering
- CSS3 - Responsive Grid/Flexbox layouts, glassmorphic panels, and custom transitions
- JavaScript (ES6) - Game mechanics, Minimax AI, Web Audio synthesizer, and state management
Author
Built with by Niranjan
- Website: https://www.niranjans.tech/
- GitHub: @NiranjanS8