Skip to content
all projects

March 2025 · Web · React · Learning

Building Tic-Tac-Toe with React

How I learned React - components, state, and props - plus a playable game with a click counter that judges you.

Illustrated tic-tac-toe board

Overview

This was my first real React project, following the official React tutorial. I learned components, useState, props, event handling, and the time-travel pattern for game history. Then I added my own twist: a click counter with escalating commentary, and a surprise at 100 clicks.

The original lived on my old site as a React 18 game embedded with UMD scripts and Babel standalone. On this site it's a proper TypeScript component - play it below. Fun fact: this whole website is now built in React, so the student became the site.

Play it

Next player: X

clicks: 0 - Click count is being watched...