TicTacToe to Infinity
// Infinite games, infinite vibes.
const winner = undefined;
I saw a YouTube video about a hardware version of TicTacToe that goes on forever. Naturally, I thought: "I can build that in software."
The concept is simple but brain-bending: it's TicTacToe, but the board never ends. Or rather, the rules change slightly to allow for infinite play, or at least a very different kind of strategy.
The Vibe Process
Here is exactly how I went from "cool video" to "shipped product" in record time:
- Inspiration: Watched the video. The hardware looked cool, but I wanted a web version I could share.
- Rule Definition: I sat down and defined the ruleset. It was pretty simple once I understood the mechanic from the video.
- AI Studio: I took a screenshot of the hardware game for visual reference and fed it into Google's AI Studio along with my ruleset. I told it: "Make this, but for the web."
- Local Cloning: The AI gave me a solid starting point. I cloned the code locally.
- Manual Polish: The AI got the logic mostly right, but the UI needed that Mann Jadwani touch. I tweaked the colors, animations, and responsiveness.
-
Domain Sniping: I checked
tictactoe.co.in. It was available. I bought it immediately. - Deployment: Shipped it. Done.
The Result
You can play it right now at tictactoe.co.in. It's a perfect example of how fast you can move when you combine a clear idea with AI tools.
> Prototyping: 20 mins
> Polishing: 30 mins
> Deployment: 5 mins
> Total Time: ~1 hour
This is the power of vibecoding. You don't get bogged down in "how do I render a grid in React?" You just focus on the product and let the AI handle the implementation details.