Jeopardy Generator

Build and host custom Jeopardy games for game nights. Pick a theme or write your own categories, set up players, and run a full game board with buzz-in, live scoring, and image rounds like "AI or Real". Everything runs in the browser with an animated WebGL background.

Features

• Custom categories and clues, or start from a prebuilt theme (Pop Culture, Classic Trivia, Science, Party Mode)
• Classic 6 by 5 board with point values from 200 to 1000
• Player setup with buzz-in and a live, per-player scoreboard
• Text and image clues, including visual rounds like "AI or Real" and celebrity face merges
• Join Game flow so players can join with a game code
• Animated WebGL "prism" background built with Three.js

Screenshots

Board	Image clue

How it works

Menu to New Game to Board to Clue. From the menu, start a new game, set up your players, and pick or generate categories. On the board, click a tile to reveal the clue, let players buzz in, then reveal the answer and award points.

Customizing the game

All game content lives in one file, src/data.js, so you can rewrite it without touching app code. Edit the file, then refresh.

• THEMES: the category sets offered on the New Game screen.
• DQ: the question board, keyed by "category-row". Each entry is a clue:

// A text clue
"0-1": { type: "text", q: "This OpenAI model generates images from text", a: "What is DALL-E?" },

// An image clue (drop the image in public/ and reference it by path)
"0-0": { type: "image", image: "/zuck-runway.jpg", q: "AI or Real?", a: "AI generated" },

Images live in public/ and are referenced by path (for example /morph4.jpg). Point values and player colors are also in src/data.js.

Tech

React 18, Vite, Three.js for the animated background, and lucide-react for icons. No backend, no build step needed to play.

Run locally

npm install
npm run dev

Then open the printed localhost URL.

Build

npm run build
npm run preview