The latest articles on DEV Community by Sougata Karmakar (@sougatadomain). https://dev.to/sougatadomain https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3947948%2F80ae2597-671e-40c3-b5ce-649dfc8825cc.jpeg https://dev.to/sougatadomain en Sougata Karmakar Sun, 20 Sep 2026 14:53:03 +0000 https://dev.to/sougatadomain/title-i-built-a-neon-tic-tac-toe-game-with-ai-using-javascript-4164 https://dev.to/sougatadomain/title-i-built-a-neon-tic-tac-toe-game-with-ai-using-javascript-4164 <h1> 🚀 I Built a Neon Tic Tac Toe Game with AI Using JavaScript </h1> <p>I recently built <strong>Neon Tic Tac Toe</strong>, a futuristic browser-based Tic Tac Toe game using HTML, CSS, and JavaScript.</p> <p>The goal was to take a simple classic game and turn it into a more interactive experience with a neon/cyberpunk interface.</p> <h2> ✨ Features </h2> <ul> <li>🤖 AI gameplay</li> <li>👥 Local 2-player mode</li> <li>🏆 Win &amp; draw detection</li> <li>📊 Persistent scoreboard</li> <li>✏️ Custom player names</li> <li>🔊 Sound effects using Web Audio API</li> <li>🎉 Canvas confetti</li> <li>📱 Responsive design</li> </ul> <h2> 🛠️ Built With </h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Web Audio API</li> <li>Canvas API</li> <li>Local Storage</li> </ul> <h2> 🧠 What I Learned </h2> <p>This project helped me understand JavaScript game logic, state management, DOM manipulation, browser APIs, and responsive UI design.</p> <p>One of the most interesting parts was making sure that every move correctly updated the game state, checked for a winner, handled draws, and updated the scoreboard.</p> <h2> 🎮 Try It </h2> <p>🌐 <strong>Live Demo:</strong> <a href="https://neon-tic-tac-toe-ten.vercel.app/" rel="noopener noreferrer">https://neon-tic-tac-toe-ten.vercel.app/</a></p> <p>💻 <strong>GitHub:</strong> <a href="https://github.com/sougatadomain/neon-tic-tac-toe-" rel="noopener noreferrer">https://github.com/sougatadomain/neon-tic-tac-toe-</a></p> <h2> 🚀 What's Next? </h2> <p>I want to experiment with more AI + Web Development projects and eventually add features like online multiplayer, leaderboards, and more advanced AI.</p> <p>Thanks for reading! 🚀</p> <p>I'm always learning, building, and experimenting.</p> <h1> webdev #javascript #frontend #ai #beginners </h1> ai webdev programming javascript