LifeKit.AI — Your AI Life Admin Co-Pilot

💡 Inspiration

We've all been there — staring at a pile of bills, confusing legal documents, and an ever-growing to-do list that makes "adulting" feel impossible. As young adults navigating the real world, we realized that life admin is the silent productivity killer nobody talks about.

The inspiration struck when one of us spent 3 hours deciphering a medical bill, only to realize we'd missed the payment deadline buried in the fine print. We thought: What if AI could just... handle this?

We wanted to build something that doesn't just organize life — it makes managing it actually enjoyable. Growing up with video games, we know the power of gamification. So we asked: What if adulting felt less like a chore and more like leveling up?

LifeKit.AI was born — an AI-powered life admin co-pilot that turns the mundane into the manageable.


🎯 What It Does

LifeKit.AI is a comprehensive life management platform with four core features:

💬 AI Chat Assistant

  • Natural language conversations powered by Claude AI
  • Get instant help with finances, housing, career, and health questions
  • Draft emails, create checklists, and get personalized advice
  • Streaming responses for real-time interaction

📄 Smart Document Scanner

  • Upload any document (PDF, images, text files)
  • AI automatically extracts:
    • 📝 Summary of what the document is
    • ✅ Action items you need to take
    • 📅 Important dates and deadlines
    • ⚠️ Urgency classification (urgent/important/low-risk/informational)
    • 💡 Recommended next steps

💰 Budget Dashboard

  • Track income sources and recurring expenses
  • Manage subscriptions with billing reminders
  • Set and monitor savings goals
  • AI-powered budget recommendations from chat

🎮 Quest Tracker (Gamification)

  • Transform real-life tasks into RPG-style quests
  • Earn XP for completing tasks
  • Level up your customizable pixel avatar
  • Unlock achievements and track progress visually

🛠️ How We Built It

Frontend Stack

  • Next.js 16 with App Router for a modern React architecture
  • TypeScript for type-safe development
  • Tailwind CSS 4 for rapid, responsive styling
  • Framer Motion for smooth, delightful animations
  • Radix UI + shadcn/ui for accessible, beautiful components

Backend Infrastructure

  • Convex for real-time database and backend functions
  • Next.js API Routes for serverless endpoints
  • Vercel for deployment and edge functions

AI Integration

  • Anthropic Claude (claude-sonnet-4-20250514) powers both:
    • Conversational chat assistant with streaming responses
    • Document analysis with vision capabilities for PDFs and images

Architecture

┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐ │ Next.js App │────▶│ Convex Cloud │ │ Anthropic API │ │ (Vercel) │ │ (Real-time DB) │ │ (Claude AI) │ └─────────────────┘ └─────────────────┘ └─────────────────┘ └─────────────────┘


🚧 Challenges We Faced

1. PDF Parsing Nightmare

We initially tried using pdf-parse for text extraction, but version 2.x had breaking changes and ESM compatibility issues with Next.js 16. After hours of debugging import errors, we pivoted to using Claude's native document vision — which turned out to be more accurate anyway!

2. Real-time Data Synchronization

Managing state across chat history, budget data, quest progress, and document insights required careful architecture. Convex saved us here with its real-time subscriptions, but we had to design proper schemas and handle edge cases for visitor identification.

3. TypeScript Type Gymnastics

Ensuring type safety across Convex queries, API responses, and component props led to some complex type definitions. Mapping between database schemas and frontend interfaces required careful attention.

4. Streaming + State Management

Implementing streaming chat responses while maintaining message history and handling budget item detection from AI responses was tricky. We had to parse structured data from streaming text without breaking the user experience.

5. Gamification Balance

Making the quest system feel rewarding without being gimmicky required iteration. We settled on a pixel-art avatar customization system that gives users ownership while keeping the XP/leveling system motivating.


🏆 Accomplishments We're Proud Of

  • Seamless AI Integration: Chat feels natural with streaming responses and context-aware advice
  • Document Intelligence: Upload any document and get actionable insights in seconds
  • Gamification That Works: The quest system actually makes completing tasks satisfying
  • Beautiful UI/UX: Warm, approachable design that doesn't feel like a typical productivity app
  • Real-time Everything: Data syncs instantly across all features thanks to Convex
  • Production Ready: Deployed and working on Vercel with proper error handling

📚 What We Learned

  1. AI Vision is Powerful: Claude's document understanding capabilities eliminated our need for complex PDF parsing libraries

  2. Convex is a Game-Changer: Real-time backends without managing infrastructure made our development 10x faster

  3. Streaming UX Matters: Users feel more engaged when they see AI responses appear word-by-word

  4. Gamification Psychology: Small rewards (XP, level ups) create surprisingly strong motivation loops

  5. Type Safety Pays Off: TypeScript caught countless bugs during development that would have been runtime errors

  6. Design Systems Scale: Using shadcn/ui components let us build a polished UI without designing everything from scratch


🔮 What's Next for LifeKit.AI

  • [ ] Email Integration: Send AI-drafted emails directly from the app
  • [ ] Calendar Sync: Auto-add important dates to Google/Outlook calendars
  • [ ] Notifications: Push reminders for upcoming deadlines
  • [ ] Multi-document Analysis: Compare and cross-reference multiple documents
  • [ ] Voice Input: Hands-free task creation with speech recognition
  • [ ] Mobile App: Native iOS/Android experience
  • [ ] Collaborative Features: Share budgets and tasks with family members
  • [ ] AI Memory: Long-term context that remembers your preferences and history

🔗 Built With

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Convex
  • Anthropic Claude AI
  • Framer Motion
  • Radix UI
  • shadcn/ui
  • Vercel

🔗 Links


👥 Team


Built with ☕ and determination during a hackathon.

Because adulting is hard, but it doesn't have to feel like it.

Built With

  • claude
  • convex
  • framermotion
  • next.js
  • radixui
  • react
  • shadcn/ui
  • tailwind
  • typescript
  • vercel
Share this project:

Updates