← IndexARCHIVE // WORK
All projects

CASE_STUDY // PRAIRIEMAP

PrairieMap

  • TypeScript
  • React
  • FastAPI
  • Konva
  • Shapely

PrairieMap is a chronological map tool. Import a folder of map images, draw faction territories on a Konva canvas, add labels and per-frame intel, then play back or export a timelapse.

The frontend is React 19, Vite, TypeScript, and Tailwind; the backend is FastAPI with Shapely for polygon overlap transfer and ffmpeg for MP4 compile. Map image bytes stay in the browser via the folder picker; project JSON and geometry mutations go through the API.

Features include a three-panel timeline/canvas/intel layout, duplicate and reorder frames, markdown notes, faction stats, and JSON import/export — so war history becomes a shareable video instead of a paragraph.

DEMO