CHRONOS — Alternate History Simulator & Documentary Narrator

Inspired by DC's Legends of Tomorrow — what if you could travel through time and alter the course of history?

Every time traveler faces the same question: what happens if you change just one thing? Chronos brings that fantasy to life. Powered by Gemini 2.5 Flash, it transforms any "What if…?" question into a fully immersive, documentary-style alternate history experience — complete with AI-generated scene imagery, an interactive world map, cinematic hero video clips, and Google Cloud TTS voice narration.

Like the Legends, you're not just watching history — you're rewriting it.


The Inspiration

DC's Legends of Tomorrow explored one of the most compelling ideas in fiction: that history is fragile, that a single altered moment ripples across centuries, reshaping civilizations, technologies, and human lives in ways no one can predict. Chronos is built on that same premise — but puts the power of time manipulation in your hands.


The Problem

Understanding alternate history requires imagining cascading consequences across centuries, regions, economies, and cultures. No tool has made that truly immersive — until now.


What It Does

  1. Enter any "What if…?" prompt — "What if the Roman Empire never fell?" or "What if the Apollo program was cancelled?"
  2. Gemini generates a complete simulation — divergence point, timeline events, regional consequences, cinematic scenes
  3. Chronos plays it back as a progressive documentary — voice, imagery, and map highlights reveal simultaneously in one cohesive interleaved flow
  4. Ask follow-up questions via a live Gemini-powered chat panel — go deeper into your alternate world

How We Built It

Layer Technology
AI Model Gemini 2.5 Flash (structured JSON output)
Image Generation Gemini native image gen + Vertex Imagen fallback
Voice Google Cloud TTS (Studio-O) + browser speech fallback
Video Veo async generation + Ken Burns animated fallback
Framework Next.js 16, React 19, TypeScript
Validation Zod runtime schema validation
Maps react-simple-maps (interactive SVG world map)
Deployment Docker → Google Cloud Run via Cloud Build

Google Cloud Integration

  • Gemini 2.5 Flash — simulation, chat, image generation
  • Google Cloud Text-to-Speech — documentary-quality narration
  • Vertex AI / Imagen — scene image generation
  • Veo — cinematic hero video clips
  • Cloud Run — serverless container hosting
  • Cloud Build — automated CI/CD pipeline

What Makes It a Creative Storyteller

Chronos doesn't just generate text. Every simulation produces text, images, voice, video, and map animation — all interleaved in a single progressive reveal. The narration engine orchestrates every layer in sync, creating an experience that feels like a real documentary — not a chatbot response. Like the Waverider crew altering a single moment and watching the shockwaves spread across time, Chronos makes the butterfly effect visceral and real.


What We Learned

Building a reliable multimodal pipeline means designing for graceful degradation at every layer. Every media provider has a fallback chain so the experience never breaks. Structured AI output validated with Zod was critical to making the narration sequencer reliable. The hardest challenge was orchestrating voice, image loading, map highlights, and UI reveals in perfect sync — much like keeping a time ship on course.


What's Next

  • Branching timelines — your choices split history into divergent paths, just like the Legends fracturing the timeline
  • Character POV mode — experience the alternate world through a historical figure's eyes
  • Multiplayer sessions — teams debate and vote on which moment in history to alter
  • Paradox mode — what happens when two alternate timelines collide?

Built With

  • docker
  • framer-motion
  • gemini-2.5-flash
  • google-cloud-build
  • google-cloud-run
  • google-cloud-text-to-speech
  • imagen
  • next.js
  • node.js
  • react
  • tailwind-css
  • typescript
  • veo
  • vertex-ai
  • zod
Share this project:

Updates