InVision

Often the key to achieving your dreams is seeing them first. InVision allows you to bring your dreams to life with an AI vision guide, Gemini powered visualizations and goals, and calendar alerts!

Comment

The Story of InVision

The Vision

InVision was born from a simple yet ambitious idea: What if a todo list could dream? InVision Demo

In a world saturated with static productivity tools, we wanted to create a "Living Vision Board" — a platform that doesn't just catalogue tasks, but actively helps users conceptualize, visualize, and manifest their future. InVision isn't just about getting things done; it's about becoming who you want to be.

Core Philosophy

The application transforms abstract ambitions into concrete, living plans. It leverages the cutting-edge Google Gemini 3 to act as a deterministic life coach, breaking down 5-year "moonshots" into actionable 2-week sprints.

Key Innovations

🚀 The "Wormhole"

Perhaps our most distinct feature, the Wormhole removes the paralysis of choice. Instead of asking "What do you want to do?", it analyzes the user's profile and invents a tailored, ambitious life goal. It generates:

  • Visionary Descriptions: Sensory-rich narratives of future success.
  • Strategic Timelines: Backward-engineered plans from the goal date to today.
  • Cinematic Visuals: Powered by Gemini 3 and Imagen 3.0, converting your goals into hyper-realistic, 8k visualization art.
  • Warp Animation: A visceral, visual journey through hyperspace while the AI constructs your future.

🎨 Dynamic Thematic UI

We believe the interface should match the user's mental model. InVision morphs its entire UI based on the selected theme:

  • 🪐 Cosmos: Goals are solar systems, tasks are planets.
  • 🧠 Brain: Goals are neural clusters, tasks are synaptic connections.
  • 🌳 Living Forest: Goals are diverse trees (Oak, Pine, Willow, Bonsai), and tasks are growing seeds/leaves.

⏳ The Living Timeline

We replaced the sterile Gantt chart with a timeline that breathes. As users complete milestones, the environment reacts—planets terraform, neural nodes ignite, and flowers bloom. It provides immediate, visual feedback on progress.

📔 AI-Powered Journaling

The journey is as important as the destination. Our integrated journaling system uses Gemini to generate:

  • Reflection Prompts: Deep questions based on recent entries and current milestones.
  • Supportive Feedback: Warm, encouraging responses to user entries, acting as an always-available confidant.

Technical Evolution

The Stack

Built on a modern, robust foundation:

  • Frontend: React 18, TypeScript, Vite
  • Styling: TailwindCSS, Framer Motion (for complex physics-based animations)
  • Backend: Firebase Firestore (Real-time Database), Firebase Auth
  • AI Core: Google Generative AI SDK (Gemini 3 & Imagen 3.0)

Hackathon Sprint Innovations

The project has seen rapid iteration and refinement during the final sprint:

  • Structured Knowledge Engine: Refactored our Gemini integration to use Structured Outputs with strict JSON schemas, ensuring 100% reliable and type-safe plan generation.
  • Audio-Reactive Voice Input: Upgraded the voice interface with a high-fidelity Canvas Visualizer that reacts to voice volume in real-time, making the "Voice-to-Vision" experience deeply immersive.
  • Goal Templates Library: Introduced a curated library of moonshot goals (Health, Career, Creativity) to solve the "blank canvas" problem and inspire users instantly.
  • Analytics Dashboard: Added a statistical view of "life progress," visualizing completion rates and active milestones across all dimensions.
  • Interactive Guidance: Implemented a comprehensive tooltip system to guide users through the rich, 3D interface without breaking immersion.
  • Galaxy Physics Engine: Migrated the core visualization to a custom Galaxy Physics Engine. This mathematically-driven system uses the Golden Spiral (Phyllotaxis) algorithm to procedurally generate infinite, scalable universes, rendered with hardware-accelerated Framer Motion for 60fps performance on any device.
  • Visual Polish: Enhanced the "Living Forest" theme with a composite "Mother Tree," floating sapling islands, and particle effects.
  • Data Consistency: Moved entire persistence layer to robust storage, ensuring user journeys are never lost.
  • Self-Healing Vision System: Engineered a robust fallback architecture for AI imagery. If primary generation fails, the system intelligently retries with safe prompts and gracefully degrades to high-quality curated stock visuals, ensuring no user is ever left with a blank canvas.
  • Timeline Engine Stability: Hardened the timeline rendering logic against data corruption, ensuring smooth visualization even with malformed or legacy plan data.

Market Context & Differentiation

The personal development and goal-setting market is projected to reach $67.02 billion by 2030 (Grand View Research). Yet the tools available today fall into two camps:

  1. Static productivity apps (Notion, Todoist, Asana) — powerful for task management, but treat goals as checklists. They offer no emotional connection to the future self.
  2. Vision board apps (Canva boards, Pinterest) — visually inspiring, but completely passive. They don't break dreams into actionable steps or track progress.

InVision occupies the gap between these two worlds. It is the first platform to combine AI-generated strategic planning with immersive, evolving visualization. No existing tool uses a large language model to both generate a life plan and render it as a living 3D environment that responds to user progress.

Why Gemini 3 Is Uniquely Enabling

This application could not exist without Gemini 3's specific capabilities:

  • Structured Output ensures every AI-generated plan is deterministic and type-safe — critical for rendering timelines and milestones without parsing errors.
  • Native Image Generation (gemini-3-pro-image-preview) eliminates the need for a separate image API, keeping the entire AI pipeline within one provider.
  • Function Calling in AUTO mode allows the Vision Guide chat to autonomously update plans, search for resources, and regenerate images — a true agentic experience.
  • Thinking Mode powers Journey Synthesis, the only feature we know of that uses dedicated reasoning tokens to perform cross-goal behavioral analysis on a user's entire life portfolio.

Social Impact & Inclusion

An estimated 15-20% of the world's population is neurodivergent (WHO), including those with ADHD, autism, dyslexia, and executive dysfunction. Traditional productivity tools rely heavily on abstract lists and text clusters, which can be overwhelming for these users — and frankly, for anyone trying to maintain motivation on a multi-year goal.

By transforming "tasks" into tangible visual metaphors (growing trees, terraforming planets), we create a dopamine-positive feedback loop that makes long-term goal pursuing more manageable and emotionally rewarding. Meanwhile, 92% of people who set goals fail to achieve them (University of Scranton). The core insight behind InVision is that the failure isn't in the goal — it's in the tool.

The Research Behind the Design

  • Dual Coding Theory (Paivio, 1971): Information presented both verbally and visually is retained significantly better than text alone. InVision pairs every milestone with a visual metaphor.
  • Implementation Intentions (Gollwitzer, 1999): Goals with concrete "when/where/how" plans have 2-3x higher completion rates. Gemini's structured output generates these automatically.
  • Progress Visualization (Harkin et al., 2016, meta-analysis of 138 studies): Monitoring progress toward goals significantly increases goal attainment. InVision's living timeline provides this monitoring through visceral environmental change, not bar charts.
  • Self-Determination Theory (Deci & Ryan): Intrinsic motivation depends on autonomy, competence, and relatedness. The Wormhole (autonomy), milestone completion animations (competence), and Community Feed (relatedness) directly map to these three pillars.

Who Benefits Most

  • Neurodivergent users (ADHD, Autism): Visual metaphors and dopamine-positive animations reduce the executive function overhead of traditional planners.
  • First-generation professionals: The Wormhole feature removes the "blank canvas" problem — users who lack role models for ambitious goal-setting receive AI-generated moonshot plans tailored to their profile.
  • Non-English speakers: The visual-first interface reduces reliance on text comprehension for understanding progress. Gemini's multilingual capabilities enable plan generation in the user's native language.

A User's Journey: From Blank Canvas to Blooming Forest

Maya is a 24-year-old first-generation college graduate with ADHD. She knows she wants to "do something creative" but has never had a mentor to help her define what that looks like at scale. She opens InVision and activates the Wormhole.

Gemini analyzes her profile — her interests, her timeline, her energy — and invents a goal for her: "Launch a Design Studio Within 18 Months." It generates a backward-engineered plan: 6 milestones, 24 steps, daily habits like "Sketch one idea for 15 minutes." A cinematic image appears: Maya in a sunlit studio, surrounded by her work, shaking hands with her first client.

She chooses the Living Forest theme. Her goal becomes an oak tree. Each milestone is a branch. As she completes "Build Portfolio Website," a branch sprouts leaves and flowers bloom at its tip. She opens her journal; Gemini asks: "What did finishing this project teach you about how you work best under pressure?" She types a reflection. Gemini responds with warmth and a nudge toward her next milestone.

Three months in, she opens the Analytics Dashboard. Journey Synthesis — powered by Gemini 3's Thinking Mode — has been quietly analyzing her patterns across all her goals. It surfaces an insight: "You consistently complete creative tasks on Tuesdays and Wednesdays. Your studio milestone is 40% ahead of schedule — consider pulling forward your first client outreach." This is not a notification. It's a coach who has read every page of her story.

Sustainability & Path to Market

InVision's long-term viability rests on three revenue pillars already outlined in our roadmap:

  1. Premium Visualization Packs (B2C): Themed environments, particle effects, and custom AI-generated imagery sold as direct-to-consumer digital goods. Low marginal cost, high perceived value.
  2. Corporate Team Visioning (B2B): Enterprises use InVision for strategic planning offsites and OKR alignment — each department contributes to a shared galactic goal. This is where the Community Feed architecture scales to organizational use.
  3. Executive Coaching API (B2B2C): White-labeling the AI Guide for professional life coaches, therapists, and career counselors who want to offer clients a structured, visual planning tool without building one themselves.

The Gemini API's usage-based pricing means InVision's AI costs scale linearly with adoption. Firebase's free tier supports the first ~50K monthly active users at near-zero infrastructure cost, providing a long runway from hackathon prototype to funded product.

The Future: A Galactic Odyssey

Our roadmap scales InVision from a personal tool to a planetary platform:

  • Phase 1: AR/VR Integration: Walking through your "Forest of Goals" in mixed reality using WebXR.
  • Phase 2: Multi-Agent Simulations: Using competing Gemini agents to simulate potential future blockers (e.g., market crashes, health setbacks) to help users build "antifragile" plans.
  • Phase 3: B2B Scaling: Corporate "Team Visioning" where entire companies contribute to shared galactic goals.

InVision is more than an app; it's a partner in your personal evolution.

Built With

  • coaching
  • date-fns-(time-manipulation)-backend-&-cloud-services-platform:-firebase-(v10.13)-database:-cloud-firestore-(nosql
  • firebase
  • firestore
  • gemini
  • imagen
  • react
  • real-time-data-sync)-authentication:-firebase-auth-hosting:-firebase-hosting-artificial-intelligence-(ai)-language-model:-google-gemini-(via-@google/generative-ai-sdk)-models-used:-gemini-3-flash-preview-for-planning
  • tailwind-merge-(for-class-management)
  • typescript
  • vite
Share this project:

Updates