Talk to a photorealistic AI-generated future version of yourself before making major life decisions.
FutureSelf uses advanced AI to generate a photorealistic, aged version of you — complete with your voice, your context, and the wisdom of decades lived. Have the conversation before you commit.
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS 4 + shadcn/ui
- Animations: Framer Motion
- Auth: NextAuth.js (Google OAuth placeholder)
| Route | Description |
|---|---|
/ |
Landing page with hero, features, testimonials, CTA |
/auth/signin |
Google OAuth sign-in |
/onboarding |
Multi-step wizard (photos, life context, voice) |
/dashboard |
Conversation history, stats, future self card |
/conversation/[id] |
Chat interface with your future self |
/explorer |
Multi-path branching life scenario visualizer |
/pricing |
Free / Pro / Lifetime comparison |
/settings |
Profile, subscription, preferences, data management |
# Install dependencies
npm install
# Run development server
npm run dev
# Open http://localhost:3000Create .env.local for auth (optional — app works without it):
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your-secret-here
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret- Dark mode by default with warm amber/gold accents
- Cinematic, slightly mysterious aesthetic
- Mobile-responsive
- Subtle Framer Motion animations throughout
MIT