DND Puzzle temple entrance — nine deity tiles on a 3×3 stone grid with Roman numeral targets

Why it exists

Running puzzles at the table shouldn't mean improvising riddles on the spot. I built these as DM tools — project them on a screen, let the party poke at them together, and keep the session moving.

How it's built

Next.js and React power the interactive puzzles. The Temple Entrance uses drag-and-drop tile placement with row/column sum validation. The Molten Gold Maze is a diamond-grid pipe-routing game. It was one of my first projects written with AI assistance.

What's interesting

Purpose-built session tools rather than generic puzzle apps — the art, mechanics, and UX are tuned for projecting at a D&D table. Simple enough to run mid-session, polished enough to feel like part of the world.

Highlights

  • Temple Entrance puzzle — place nine deity tiles so rows and columns match ancient numerals
  • Molten Gold Maze — co-op pipe-routing puzzle with portals and forge hazards
  • Drag-and-drop tile placement with localStorage persistence between sessions
  • Designed to project at the table during live D&D sessions

Stack

  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • Drag-and-drop UI