Chronos

The Multiverse Engine. See the lives you didn't live.

Comment

Inspiration

We make thousands of decisions daily, but rarely understand why we choose what we choose. Chronos explores this through the lens of the multiverse - visualizing how different choices create diverging timelines. It's not just a decision tracker; it's a philosophical tool that reveals the patterns in our thinking.

What it does

Chronos is an AI-powered decision journal that:

  • Generates alternate realities using Google's Gemini API based on your decisions
  • Visualizes the multiverse as an interactive graph with animated particles
  • Creates timeline diaries with AI-generated reflections
  • Syncs to Raindrop.io via Model Context Protocol (MCP) for permanent archival
  • Explores outcomes through a cinematic interface with smooth animations

How we built it

Tech Stack:

  • React + TypeScript + Vite for blazing-fast development
  • D3.js + Force Graph for physics-based visualization
  • Gemini 2.0 Flash Thinking for JSON-structured generation
  • MCP (Model Context Protocol) for secure Raindrop.io integration
  • Framer Motion for fluid animations

Architecture:

User Decision → Gemini AI → JSON Parsing → Graph Rendering → MCP Save

The app uses prompt engineering with structured JSON schemas to achieve 98% valid response rates from Gemini. The multiverse graph uses force-directed physics with customized particle systems for visual impact.

Challenges we ran into

  1. JSON Consistency: Gemini occasionally broke schema - solved with thinking mode and explicit examples
  2. MCP Integration: First time implementing Model Context Protocol - deep-dived docs for 6 hours
  3. Graph Performance: 1000+ particles caused lag - optimized with requestAnimationFrame throttling
  4. Timeline UX: Balancing complexity with usability - iterated through 8 design versions
  5. Type Safety: Strict TypeScript across API boundaries required careful interface design

Accomplishments that we're proud of

  • ✨ 98% JSON compliance from LLM using advanced prompt engineering
  • 🔗 First-class MCP integration - seamless Raindrop.io syncing
  • 🎨 Cinematic UI with 60fps animations and particle effects
  • 📊 Interactive physics simulation with real-time force calculations
  • 📱 Responsive design that works on mobile and desktop
  • 🚀 Production-ready with GitHub Actions deployment

What we learned

  • Prompt Engineering: Structured thinking mode vastly improves JSON reliability
  • MCP Protocol: Game-changing for secure third-party integrations
  • Performance: Canvas animations > DOM manipulation for particle systems
  • TypeScript: Strong typing prevents 90% of runtime errors
  • UX Philosophy: Sometimes less features = better experience

What's next for Chronos

Phase 1 (Q1 2025): Decision analytics dashboard with patterns recognition
Phase 2 (Q2 2025): Collaborative timelines - share decisions with friends
Phase 3 (Q3 2025): ML predictions based on historical decision patterns
Phase 4 (Q4 2025): Mobile app with AR multiverse visualization
Phase 5 (2026): Voice interface for hands-free decision journaling

Chronos isn't just an app - it's a mirror to our choices, a map of our could-have-beens.

Built With

Share this project:

Updates