DEV Community

Sougata Karmakar
Sougata Karmakar

Posted on

Title ๐Ÿš€ I Built a Neon Tic Tac Toe Game with AI Using JavaScript

๐Ÿš€ I Built a Neon Tic Tac Toe Game with AI Using JavaScript

I recently built Neon Tic Tac Toe, a futuristic browser-based Tic Tac Toe game using HTML, CSS, and JavaScript.

The goal was to take a simple classic game and turn it into a more interactive experience with a neon/cyberpunk interface.

โœจ Features

  • ๐Ÿค– AI gameplay
  • ๐Ÿ‘ฅ Local 2-player mode
  • ๐Ÿ† Win & draw detection
  • ๐Ÿ“Š Persistent scoreboard
  • โœ๏ธ Custom player names
  • ๐Ÿ”Š Sound effects using Web Audio API
  • ๐ŸŽ‰ Canvas confetti
  • ๐Ÿ“ฑ Responsive design

๐Ÿ› ๏ธ Built With

  • HTML
  • CSS
  • JavaScript
  • Web Audio API
  • Canvas API
  • Local Storage

๐Ÿง  What I Learned

This project helped me understand JavaScript game logic, state management, DOM manipulation, browser APIs, and responsive UI design.

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.

๐ŸŽฎ Try It

๐ŸŒ Live Demo: https://neon-tic-tac-toe-ten.vercel.app/

๐Ÿ’ป GitHub: https://github.com/sougatadomain/neon-tic-tac-toe-

๐Ÿš€ What's Next?

I want to experiment with more AI + Web Development projects and eventually add features like online multiplayer, leaderboards, and more advanced AI.

Thanks for reading! ๐Ÿš€

I'm always learning, building, and experimenting.

webdev #javascript #frontend #ai #beginners

Top comments (0)