Connect 4 — AI Board Game

Configurable Connect 4 web app with human and AI players, a lookahead AI agent running on AWS Lambda, and Kaggle Environments integration for AI testing.

React 18 + SCSS + Bootstrap 5.3CSS Grid for board layoutAWS Lambda (AI agent backend)Kaggle Environments (AI agent testing harness)Docker (local dev)

⚡ Lambda cold starts introducing variable AI response latency …⚡ Keeping the board state consistent between frontend moves an…⚡ Configurable win conditions (variable N-in-a-row) requiring …

Portfolio Highlights

→Built and deployed a configurable Connect 4 game with lookahead AI agents backed by AWS Lambda, supporting Human vs Human, Human vs AI, and AI vs AI modes.
→Integrated Kaggle Environments for AI agent evaluation and used Docker for reproducible local development.

Snapshot

Period: November 2024
Source: `github.com/josegibson/Connect-4`
Domain: Game AI, frontend, cloud
Status: Deployed — playable at josegibson.github.io/Connect-4

Stack

React 18 + SCSS + Bootstrap 5.3
CSS Grid for board layout
AWS Lambda (AI agent backend)
Kaggle Environments (AI agent testing harness)
Docker (local dev)
GitHub Pages (deployment)

What I Built

Configurable board: arbitrary dimensions and win-condition length.
Three game modes: Human vs Human, Human vs AI, AI vs AI.
Two AI strategies: Random agent and Lookahead agent (minimax or equivalent).
AWS Lambda function serving AI move decisions to keep the frontend stateless.
Kaggle Environments integration for evaluating and comparing AI agents during development.
Responsive layout optimised for mobile screens under 768px.

Key Decisions

AWS Lambda for AI computation to avoid bundling a heavyweight AI engine in the browser.
Kaggle Environments as a testing harness because it provides a standard multi-agent evaluation loop.