NutriQuest - Your Gamified Guide to Healthier Eating!

• 

  Picture of Web App

• 

  Dark Mode of Web App

Inspiration

Healthy eating can feel like a chore, and meal planning is often confusing. We wanted to make nutrition fun, interactive, and rewarding, helping people make healthier choices effortlessly.

What it does

NutriQuest is an AI-powered meal planner that gamifies nutrition! Simply enter your ingredients, and the app suggests real recipes with full nutrition breakdowns. Earn points for exploring meals and use them to grow a virtual world—trees, animals, and water sources expand as you progress.

How we built it

• Frontend: React.js, CSS animations
  
• Backend & API: Spoonacular API for meal plans & nutrition data
  
• Gamification: State management for tracking points & virtual world growth
  

Challenges we ran into

• Integrating real nutrition APIs while keeping the experience smooth
  
• Balancing gamification to keep it fun yet meaningful
  
• Ensuring accessibility (dark mode, ARIA labels, keyboard navigation)
  

Accomplishments that we're proud of

✅ Live recipe generation based on user ingredients
✅ Interactive virtual world where points are spent for growth
✅ Sleek UI with dark mode & animated interactions

What we learned

• How to leverage APIs for meal planning
  
• The power of gamification in health apps
  
• Optimizing UI/UX for a smooth & engaging user experience
  

What's next for NutriQuest - Your Gamified Guide to Healthier Eating!

🌟 More rewards: Unlock achievements for meal variety
🗺 Expanded world-building: New interactive environments
🔊 Voice input & reminders: Make meal planning even easier

Built With

• css
• github
• html
• javascript
• node.js
• react.js
• spoonacular-api