🥗 MealCompass AI
💡 Inspiration
Just a few decades ago, the average human lifespan often touched 90 - 100 years. Today, many struggle to reach 60 to 70. Why? Because while medicine has advanced, our eating habits have declined.
Food is no longer just about taste, it determines whether we thrive or fall into illness. Some conditions are genetic, but an even larger share are driven by poor diets: diabetes, hypertension, obesity, heart disease, and malnutrition.
And nutrition isn’t one-size-fits-all:
- Patients need carefully designed meals for faster recovery.
- Pregnant women require balanced, trimester-specific nutrition.
- Fitness enthusiasts push for protein-rich, goal-driven diets.
⚠️ The challenge? Dieticians are expensive and often inaccessible. Families on tight budgets feel that eating healthy is a luxury. Preparing separate meals for everyone at home is time consuming, costly, and stressful. As a result, people compromise leading to worsening health, rising stress, and higher medical expenses.
✨ That’s why I built MealCompass AI - an AI powered web app to make personalized, affordable, and medically relevant nutrition meal plans available to everyone regardless of wealth, education, or location.
🚀 What it does
MealCompass AI is an AI-powered web app that generates personalized, budget-friendly meal plans.
Users enter their diet type, health conditions, allergies, location, and budget. The app then creates weekly plans with:
🌟 Features
- ✅ Budget-friendly meal plans for any health goal
- ✅ Supports diet types: Any, Veg, Non-Veg, Vegan, Jain
- ✅ Dynamic disease selection (e.g., diabetes, pregnancy, recovery)
- ✅ Allergy filtering
- ✅ Real-time ingredient pricing and availability
- ✅ Family mode with portion control
- ✅ Downloadable grocery lists & PDF meal summaries
🛠️ How we built it
- Frontend: React.js + Tailwind CSS for a clean, responsive interface
- Backend: Node.js + Express.js for REST APIs
- AI Layer: Gemini API for dynamic meal generation
- Utilities: Currency & location APIs for pricing, PDF generation for downloadable plans
⚡ Challenges we ran into
- Designing intuitive forms that support diverse dietary and medical needs
- Handling dynamic ingredient availability and pricing across regions
- Ensuring recommendations were culturally appropriate and inclusive
- Balancing personalization with a simple, distraction-free user experience
🏆 Accomplishments we’re proud of
- Built a platform that serves patients, families, and health-focused individuals equally well
- Integrated real-time ingredient pricing and global availability data
- Enabled full personalization without requiring a dietician
- Delivered a clean, beautiful interface that makes healthy eating approachable
📚 What we learned
- How to design inclusive nutrition tech that works across cultures and conditions
- The importance of clear UX when handling complex inputs
- Techniques to seamlessly connect AI-generated content with web interfaces
- Why budget transparency is key to building trust in health apps
🔮 What’s next for MealCompass
- Progress tracking for health goals
- Recipe swaps & smart alternatives
- Meal reminders + grocery delivery integrations
- Multilingual support for wider accessibility
- Seasonal ingredient recommendations
- Dedicated mobile app version
- Advanced analytics + integration with wearables/health records
- Partnerships with health organizations to reach underserved communities
Built With
- css
- geminiai
- typescript
Log in or sign up for Devpost to join the conversation.