Board Games

A collection of browser-based board games built with React, TypeScript, and Tailwind CSS.

Games

• Pandemic — Cooperative disease-fighting board game with an interactive world map
• Exploding Kittens — A strategic kitty-powered card game of luck and betrayal
• Set — Find matching patterns in a grid of shape cards

Getting Started

npm install
npm run dev

Open http://localhost:5173 to play.

Production Build

npm run build
npm run preview

Adding a New Game

1. Create a folder under src/games/ (e.g. src/games/my-game/)
2. Build your game as a React component (e.g. MyGame.tsx)
3. Create an index.ts that default-exports a GameDefinition:

import { lazy } from "react";
import type { GameDefinition } from "../types";

export default {
  slug: "my-game",
  title: "My Game",
  description: "A short description",
  thumbnail: "",
  component: lazy(() => import("./MyGame")),
} satisfies GameDefinition;

The home menu and routing update automatically — no other files need to change.

Tech Stack

• Vite — build tool
• React — UI framework
• TypeScript — type safety
• Tailwind CSS — styling
• React Router — client-side routing