FutureOS

An AI operating system that autonomously helps users achieve life goals.

Comment

FutureOS

Inspiration

Every ambitious person has a vision for their future — but most lack the operating system to get there. We were tired of scattered productivity tools, unmotivating goal trackers, and static to-do lists that never connect the dots between where you are and where you want to be.

FutureOS was born from a simple question:

What if your goals came with an AI-generated execution plan, daily missions, progress tracking, and a reality check — all in one beautiful, unified experience?

We wanted to build something that feels less like a spreadsheet and more like a personal AI strategist that actually understands your journey.

What it does

FutureOS is an AI-powered goal execution platform that turns vague aspirations into executable roadmaps:

  • Smart Goal Onboarding — Users describe their goal (e.g., "Become a full-stack developer in 6 months"), and an AI generates a complete strategy with milestones, weekly plans, risk factors, and curated learning resources.

  • Strategy Reveal — A cinematic, animated page presents the AI strategy with interactive tabs, progress counters, and motivational quotes — making planning feel exciting, not tedious.

  • Daily Missions — AI-generated daily tasks tailored to the user's goal, skill level, and available time. Complete them to earn XP and stay on track.

  • Progress & Roadmap — Visualize your journey with weekly plans, milestone tracking, and a timeline of what you've accomplished.

  • Future Projection — An AI-generated cinematic vision of your life after achieving the goal, designed to keep motivation high.

  • Reality Check — AI analyzes risks, obstacles, and blind spots so you can course-correct before problems derail you.

  • Resources Hub — All AI-curated learning materials (courses, books, tools, communities) in one searchable, filterable page.

  • Authentication — Secure email/password and Google OAuth login with role-based profiles.

  • Forgot Password Flow — Full email-based password reset with strength validation and token verification.

How we built it

Frontend

React + TypeScript + Vite with Tailwind CSS and shadcn/ui for a polished, dark-themed UI. Framer Motion powers every animation — from page transitions to interactive counters and particle backgrounds.

Backend

Supabase handles authentication, user profiles, goals, missions, progress tracking, and row-level security (RLS). Edge Functions proxy AI calls securely without exposing API keys.

AI Integration

Gemini 2.5 Flash via a Supabase Edge Function streams structured JSON strategies back to the client in real time. The prompt engineering ensures consistent, parseable responses with rich goal data.

Database Design

Relational schema with profiles, goals, missions, and progress tables, protected by RLS policies so users only access their own data. A handle_new_user trigger auto-creates profile records on signup.

Challenges we ran into

Dashboard Loading Deadlock

The dashboard was stuck on a loading skeleton because loadData() returned early when the user was null, but never set loading = false. We had to sync auth initialization with data fetching to prevent premature and stuck renders.

Google Auth Method Mismatch

The codebase originally used signInWithSSO, which is for enterprise SAML/SSO, not consumer Google OAuth. We switched to signInWithOAuth({ provider: 'google' }) to fix the broken login.

Auth Context Stale Closures

refreshProfile captured stale user state inside callbacks. We refactored it with useCallback and explicit UID passing so profile updates work reliably after login state changes.

Missing Dedicated Resource Page

AI-generated resources only appeared once during onboarding and were never accessible again. We had to build a full search/filter Resources page from scratch and wire it into the navigation.

Forgot Password Token Handling

Supabase sends a PASSWORD_RECOVERY auth event when the reset link is clicked, but the page needed to gracefully handle expired links, wait for session recovery, and auto-redirect on success.

Type Safety Across AI JSON

Ensuring the LLM always returns valid JSON matching our AIStrategy type required careful prompt constraints and runtime validation.

Accomplishments that we're proud of

  • Zero Demo Mode — Removed every trace of demo/mock data. The app now runs 100% on real Supabase data, making it production-ready from day one.

  • Cinematic Strategy Reveal — A fully animated page with particle bursts, typing effects, staggered counters, and tabbed content that turns a boring "here's your plan" moment into an experience users actually want to see.

  • Mission Celebration System — Completing a mission triggers a particle burst and XP pop animation, gamifying progress in a way that feels rewarding.

  • End-to-End Auth Security — Not just login/signup — we built role-based profiles, email confirmation disabled for smooth UX, Google OAuth, and a complete forgot-password flow with strength meters and session verification.

  • Resources Page — A fully functional, filterable, searchable learning resources hub that persists beyond onboarding.

  • 100% TypeScript + Lint Clean — 97 files, zero errors, zero warnings (except a known Supabase Google auth lint rule).

What we learned

  • Auth timing is everything — You can't fetch user data before auth initializes. We learned to gate all authenticated requests behind a loading state and onAuthStateChange listeners.

  • Prompt engineering beats brute force — A well-structured prompt with explicit JSON schemas and constraints is far more reliable than trying to parse freeform AI output.

  • Supabase RLS is powerful but subtle — Policies must be carefully designed; a missing FOR SELECT policy can silently break queries for logged-in users.

  • Animation needs state awareness — Framer Motion is great, but you need to handle AnimatePresence mode correctly when switching between form panels (signin ↔ signup ↔ forgot).

  • User journeys are longer than you think — A "simple" forgot password feature requires:

email form → Supabase email → recovery link → token page → password form → strength meter → success → redirect

Six states, not one.

What's next for FutureOS

  • Mobile App — A React Native companion for iOS and Android so users can check missions on the go.

  • Calendar Integration — Sync daily missions with Google Calendar and Apple Calendar for native reminders.

  • Social & Accountability — Share goals with friends, create accountability groups, and compete on leaderboards.

  • AI Chat Assistant — A persistent AI coach that users can ask questions about their progress, adjust their strategy, or get motivational boosts.

  • Habit Streaks — Track consecutive days of mission completion with streak counters and badges.

  • Voice Input — Talk to FutureOS to create goals instead of typing.

  • Team / Enterprise Mode — Company-wide goal setting for teams and organizations.

Built with passion, React, Supabase, and a lot o

Built With

Share this project:

Updates