Meal Genius

• 

  this is the png

Inspiration We wanted to make healthy eating accessible, personalized, and effortless. Finding meal plans that fit your biometrics, preferences, allergies, and budget can be overwhelming — Meal Genius solves that with AI.

What it does Meal Genius collects basic user information (age, weight, height, gender, diet type, allergies, likes, dislikes, and budget) and instantly generates a customized weekly meal plan using AI. The plan is tailored to health goals, lifestyle, and budget.

How we built it We designed a three-step web app using HTML, CSS, and JavaScript for the frontend. The backend is a Node.js

Challenges we ran into We initially struggled with frontend-to-API communication due to CORS errors and API key security issues. Building a secure backend to safely interact with OpenAI was critical. Fine-tuning the AI prompts to return readable meal plans also took iteration.

Accomplishments that we're proud of We successfully built a full-stack AI-driven app from scratch that personalizes nutrition in real time. We also created a smooth user experience with a futuristic design and real-time progress visualization.

What we learned We deepened our understanding of full-stack development, API security, prompt engineering, and how to design user flows that feel intuitive. We also learned how important clear backend communication is for AI-based apps.

What's next for Meal Genius Next, we plan to add meal plan regeneration options, downloadable PDF meal plans, grocery list generators, and integrations with food delivery services. Eventually, Meal Genius will help users track nutrition goals over time too.

Built With

• css
• html
• javascript
• node.js