Connect Five is a web game built with Next.js and Tailwind CSS. The goal is to strategically connect five game pieces in a row on a 19×19 grid. Players take turns clicking the grid to place their black or white circles; the game tracks the board state, checks for win conditions, and provides an intuitive interface.
Tailwind CSS handled the visual side — offset div elements to render the grid, modern type, generous spacing. JavaScript and React hooks implemented the game logic, allowing for dynamic interaction and instant updates. With its focus on simplicity and clean UX, Connect Five is a small showcase of my TypeScript work and an engaging web app for players of all ages.
Tailwind CSS handled the visual side — offset div elements to render the grid, modern type, generous spacing. JavaScript and React hooks implemented the game logic, allowing for dynamic interaction and instant updates. With its focus on simplicity and clean UX, Connect Five is a small showcase of my TypeScript work and an engaging web app for players of all ages.
