Super Tic-Tac-Toe
About Super Tic-Tac-Toe
Super Tic-Tac-Toe is a strategic twist on the classic game. It features a 9x9 grid of standard boards, allowing for a nuanced and mind-bending player experience.
You can choose to play locally in your own browser with yourself or whomever you’re with. Otherwise, you have the option to create an online game. This way, you can have your friends join from anywhere else in the world and still have a great experience.
Are you tired of your friends cheating when you play? Don’t worry—all the game logic is handled securely, ensuring a fair and fun game experience.
Sounds fun? Try it out today!
The Technical
This web app runs on a Node.js backend with Express. This backend serves up a React app at “/”. The React app uses react-router-dom to navigate between pages. This way, I navigate between the homepage, the offline game page, and the online game page.
In offline game mode, all game logic is handled in the client’s browser, but in online game mode, I have extracted this logic to the backend. This prevents the client from tampering with the game logic.
The backend has to keep track of multiple WebSocket connections, ensuring that moves are made on the correct board and that only the correct player is allowed to make moves.
The entire application is hosted on a VPS, with deployment and uptime managed via systemd services and secure domain routing through Cloudflare tunnels.