LIFE QUEST

Your Life. Your Game. Track your growth, complete missions, and level up your life in all key areas.

Comment

LIFE QUEST – Your Journey to Level Up Life

LIFE QUEST is a gamified self-development platform designed to help users track and improve key areas of their lives through daily ratings, personalised quests, and smart feedback. Inspired by both RPG mechanics and well-being science, it transforms self-improvement into a meaningful and engaging adventure.

What Inspired This Project

The inspiration behind LIFE QUEST came from my personal passion for blending technology, self-mastery, and game design. I wanted to create a tool that makes daily habits and personal growth feel as rewarding as playing a game. The idea was born from a simple question: What if levelling up in life felt as motivating as levelling up a character in a game?

I’ve always believed that self-awareness, consistency, and small daily actions are key to lasting growth, and this app turns that belief into an interactive experience.

What I Learned

Building LIFE QUEST taught me valuable lessons across multiple domains:

  • UI/UX Design for Motivation: How to design interfaces that encourage daily engagement without overwhelming the user.
  • Bolt + Supabase + OpenAI Integration: Hands-on experience in connecting no-code/low-code tools for secure user authentication, real-time data handling, and AI-driven quest generation.
  • Token efficiency + AI prompt design: How to balance functionality with performance while optimising API and AI usage in Bolt.
  • Gamification theory in practice: Translating psychological concepts (like positive reinforcement, streaks, and XP systems) into usable features.

How I Built It

  • Platform: I built the app using Bolt for rapid no-code development, Supabase for authentication and data storage, and optional OpenAI API integration for smart quest suggestions.
  • Architecture: The app features modular pages — Home (daily ratings), Quests (missions and XP tracking), Stats (progress insights), and Profile (user settings and privacy controls).
  • Design: I followed a mobile-first, clean UI philosophy with flat icons, colour-coded life areas, and easy-to-use modals.
  • AI Integration: Users can connect their own OpenAI API key to generate personalised quests, or select from curated templates for core life areas.

Challenges I Faced

  • Notification system complexity: Ensuring toasts and modals consistently displayed across different stacking contexts and devices was a major challenge. Multiple refinements were needed to fix overlapping, positioning, and duplication issues.
  • Balancing flexibility and simplicity: Creating a system that allowed both personalised and template-based quests without cluttering the UI required several iterations.
  • Token efficiency: Optimising AI prompt strategies to reduce token usage while maintaining smart, useful suggestions.
  • Cross-platform responsiveness: Fine-tuning layout so the app worked smoothly across mobile and desktop views, particularly with dynamic content like quests and stats.

Final Thoughts

LIFE QUEST represents my vision of how technology can empower people to take control of their personal growth in a fun and meaningful way. This project was a true fusion of my love for design, innovation, and self-improvement, and I’m excited to continue evolving it beyond the hackathon.

Built With

  • ai-(vercel-ai-sdk)
  • autoprefixer
  • bolt
  • deno
  • eslint
  • javascript
  • lucide-react
  • openai-api
  • postcss
  • react
  • react-hot-toast
  • sql-(postgresql)
  • supabase
  • supabase/supabase-js
  • tailwind-css
  • typescript
  • vite
Share this project:

Updates