FlexQuest: Workout & Calorie Tracker

Our app gamifies health and fitness through an RPG setting. It monitors calories and workouts while leveling up your stats. It's not just a workout, it's about making the journey fun and exciting!

Comment

Inspiration

We were inspired by the struggles many face in staying motivated and consistent with their fitness journeys. Common issues like unclear goals, boredom from mundane routines, fear of injuries, and frustration over slow progress often discourage people. By merging the world of gaming with fitness, we aimed to create an engaging solution that motivates users to stay active and enjoy their fitness journey.

What it does

FlexQuest is an RPG-themed fitness tracker that helps users log their calories, weight, and workouts while leveling up their virtual character. The app includes:

  • RPG Gamification: Users earn XP to enhance player stats like Strength, Dexterity, and Arcane.
  • Progress Tracking: Visualize improvements over time with progress bars.
  • Personalized AI Support: Get health insights, fitness tips, and goal-setting assistance.
  • Daily Motivation: Encourages regular exercise, accountability, and goal awareness through gamified rewards.

How we built it

  • Front-end: Built using React and TailwindCSS to deliver a sleek, responsive user interface.
  • Back-end: Powered by Supabase for managing user information and providing secure, scalable backend functionality.
  • Mobile Integration: Leveraged Expo Go to transform the React + TypeScript web app into a cross-platform mobile application.
  • Tracking Features: Developed calorie, weight, and workout tracking using TypeScript for type-safe, scalable development.

Challenges we ran into

  • Backend Integration: Setting up Supabase to handle and fetch user data securely and efficiently required overcoming technical challenges.
  • Mobile Compatibility: Ensuring the app looked and worked seamlessly across both web and mobile platforms took extensive debugging and optimization.
  • Balancing Gamification: Designing an engaging yet meaningful RPG system that motivates users without overcomplicating the app was a unique challenge.

Accomplishments that we're proud of

  • Successfully integrating Expo Go to transform a web app into a fully functional mobile app and Supabase to store user data.
  • Creating a unique RPG-inspired leveling system that turns fitness tracking into an engaging experience.
  • Building a responsive and intuitive UI with React and TailwindCSS.
  • Addressing user pain points like motivation and consistency with effective, gamified solutions.
  • Being able to create this application with this hackathon being our first one for majority of our team.

What we learned

  • The importance of user-centric design when solving real-world problems like fitness motivation.
  • How to integrate Supabase for scalable backend solutions and manage user data securely.
  • The value of cross-platform development using tools like Expo Go to extend the reach of our app.
  • Getting the front-end, back-end, database, and hosting service to work together.
  • Effective teamwork and project management during a time-constrained hackathon.

What's next for FlexQuest: Workout and Calorie Tracker

  • Expanded RPG Mechanics: Introduce quests, achievements, and challenges for deeper gamification.
  • Social Features: Add community features like leaderboards and a friending system for collaboration and competition.
  • AI Enhancements: Improve the chatbot for personalized fitness plans and insights.
  • Nutrition Guidance: Incorporate meal plans and detailed nutrient tracking.
  • Integration with Wearables: Enable syncing with fitness trackers and smartwatches.

Built With

Share this project:

Updates

Submission history