Multiverse Life Simulator

• 

• 

• 

• 

• 

• 

• 

Inspiration

Life is a series of decisions — but we often wonder, "What if I had chosen differently?" Inspired by this idea and the power of generative AI, I set out to build a tool that simulates how life might unfold across different decision paths. The goal was to help users reflect on their values and visualize alternate realities using technology — something both philosophical and interactive.

What it does

Multiverse Life Simulator is an AI-powered web app that:

Simulates alternate life paths based on user choices

Lets users pick a life philosophy (e.g., Stoic, YOLO, Growth, Karma)

Adjusts decision outcomes based on sliders like Happiness, Wealth, and Success

Generates rich, narrative-based outcomes using OpenAI GPT models

Visualizes those paths using an interactive decision tree (via ReactFlow)

Allows users to export their life simulations as beautiful PDF reports

It’s a blend of reflection, storytelling, and AI — packaged into a full-stack simulation tool.

How I built it

Frontend: Built with React (Vite), styled using Tailwind CSS and shadcn/ui

Decision Tree UI: Integrated ReactFlow to create interactive branching timelines

Backend: Developed using Supabase (PostgreSQL + Edge Functions)

AI Integration: Used OpenAI GPT models through Supabase Edge Functions

Authentication: Implemented secure login/signup with Supabase Auth

PDF Export: Generated reports using html2canvas and jsPDF

State Management: Used local state with hooks and fallback data logic

Challenges I ran into

AI response handling: Sometimes OpenAI responses were malformed or too long — requiring fallback logic and retries

PDF generation: Ensuring layout consistency and font scaling across different screen sizes was tricky

CORS issues: Supabase Edge + OpenAI required custom headers and config to work reliably

Decision balance: Crafting sliders and logic that felt realistic yet varied enough in outcomes

Accomplishments that I'm proud of

Built a fully functional life simulator that merges AI, visualization, and decision theory

Created a polished UX that encourages reflection, exploration, and creativity

Designed a robust architecture using modern tools (Supabase, ReactFlow, shadcn/ui)

Successfully integrated AI with real-time data visualization and exportable results

What I learned

How to build agent-like AI simulations using GPT with dynamic user input

Deep understanding of ReactFlow for decision-tree logic and graph UIs

Using Supabase Edge Functions for serverless AI processing

Creating exportable, print-ready PDF documents from web apps

The importance of emotional design — making tech feel personal and meaningful

What's next for Multiverse Life Simulator

🎯 Add sentiment and tone analysis to AI-generated paths

🧭 Introduce timeline-based navigation to revisit or edit decisions

👥 Enable multiplayer mode: simulate relationships or friends’ decisions

📊 Dashboard with life stats comparison across universes

🌐 Public gallery: let users share and explore alternate lives

Built With

• git
• html2canvas
• javascript
• json
• jspdf
• openai-api
• postgresql
• react
• reactflow
• shadcn/ui
• supabase
• supabase-auth
• supabase-edge-functions
• tailwind-css
• typescript
• vercel
• vite