LifeQuest

• 

  LifeQuest

• 

  Dashboard

• 

  Task

• 

  Mentor

• 

  Guild

• 

  Social

• 

  Awards

Inspiration

As a third-year university student, I noticed that many students struggle with procrastination, low motivation, and poor planning in both their studies and daily life. I wanted to create a system that integrates study tasks, daily habits, social collaboration, and community contribution into a single platform, allowing users to experience real-life growth like a role-playing game (RPG) and improve their productivity, health management, and teamwork skills.

What it does

LifeQuest is an AI-driven real-life RPG platform:

• Study tasks are mapped to main quests, daily activities to side quests
• Group projects and team collaboration are represented as guild dungeons
• Volunteer and community activities are represented as social quests
• User behavior, mood, and task completion are analyzed by an AI mentor that dynamically recommends daily task priorities
• Completing tasks earns experience points, items, and titles; the character's growth is visualized
• A dashboard displays task completion rate, growth metrics, mood, and health trends.

How we built it

• Frontend: Next.js + React, Tailwind CSS + Framer Motion, responsive layout with animated effects
• Backend: Node.js + Express, RESTful API, JWT authentication
• Database: PostgreSQL (Supabase) for users, tasks, characters, achievements, AI recommendations
• AI: Claude API, supporting task prioritization, procrastination prediction, and personalized growth advice
• Cloud Deployment: Frontend on Vercel, backend on Render, PostgreSQL on Supabase, fully accessible for live demo.

Challenges we ran into

• Designing a system that maps real-life behavior into a game-like growth mechanism was complex
• AI recommendation and procrastination prediction required multi-dimensional data (tasks, mood, past behavior)
• Ensuring stable cloud deployment and smooth live demo performance
• Prioritizing core functionality to fit within Hackathon demo constraints.

Accomplishments that we're proud of

• Successfully integrated study, daily life, social, and community tasks into one gamified growth system
• Implemented AI recommendation loop to dynamically adjust daily task priorities
• Developed character growth system with XP, level-ups, achievements, and visualizations
• Fully cloud-deployed and demo-ready: users can register, complete tasks, interact with AI, collaborate in teams, and complete social quests.

What we learned

• Gamification can significantly improve student engagement and execution
• AI can provide real-time decision support even in non-gaming scenarios
• Prioritizing MVP functionality is crucial for Hackathon projects to ensure a working demo
• Integrating multiple domains (study, health, social, community) requires clear data structures and visualization.

What's next for LifeQuest

• Implement smarter AI for personalized growth strategies
• Support more community and volunteer activities
• Develop a mobile app version for anytime access
• Add guild dungeon collaboration and real-time leaderboard interaction
• Continuously optimize UI/UX to enhance user experience and immersive gamification.

Built With

• api
• attribute
• backend-express.js
• charts
• client-axios
• css
• custom
• hybridutility-first
• interceptor
• jwt
• level-up
• modalsmood-trend-lines
• radar
• react-framework
• requests
• rpg
• ssr/csr
• themepage-transitions
• with
• xp-bars