- The Hook & The Concept
In this one-day sprint, we built a simple but complete Tic Tac Toe web app where a human player plays against an AI opponent. The app runs from a single index.html file and does not need any framework, package manager, build tool, or external asset.
The idea was intentionally small: create a classic game that is easy to understand, quick to test, and perfect for experimenting with AI-assisted development. Tic Tac Toe is familiar to almost everyone, so the focus could stay on the workflow: planning with AI, coding fast, testing behavior, and improving the experience step by step.
The final app is for anyone who wants a lightweight browser game. The human player plays as X, the AI plays as O, and each round ends with a result popup: You Win, You Lost, or **Draws!
From there, the player can choose Resume to keep the current score or New Game** to restart from zero.
The Tech Stack & AI Co-Pilots
- The stack was deliberately minimal:
- HTML-only app
- CSS inside
<style> - JavaScript inside
<script> - No React, Vue, Angular, Tailwind, Bootstrap, npm, Vite, or bundler
- Local browser testing through a small static server
The AI assist was handled by Codex inside ChatGPT. The tasks were split naturally:
- The user provided the product direction and feature updates.
- Codex read the project handoff and converted it into a working one-file app.
- Codex implemented the UI, game state, AI moves, scoring, result modal, and README.
- Codex also tested the game in the browser and adjusted behavior when the requirements changed.
The most useful part of AI support was the fast loop: request a feature, implement it, test it, then refine the next interaction.