MyPantryPal

• 

  Recipe option to choose from

• 

  AI generated recipes

• 

  Landing Page

• 

  Demo to generate recipes

Inspiration

We wanted to help users reduce food waste and eat healthier by turning leftover ingredients into delicious meals tailored to their dietary preferences.

What it does

MyPantryPal lets users enter ingredients they have, select dietary needs and health goals, and receive AI-generated meal ideas and recipes instantly.

How we built it

We used HTML for structure, CSS for a clean design, and JavaScript to handle user input and connect to an AI API that generates recipe suggestions dynamically.

Challenges we ran into

We faced difficulties in handling diverse ingredient inputs, ensuring AI responses were relevant and healthy, and designing a simple, intuitive interface for users.

Accomplishments that we're proud of

We successfully built a working prototype that generates personalized, healthy recipes, helping users make the most of their leftover ingredients.

What we learned

We learned how to integrate front-end JavaScript with AI APIs, manage dynamic content, and design for user experience and accessibility.

What's next for MyPantryPal

We plan to add meal planning, nutrition tracking, and recipe saving, as well as image recognition for identifying ingredients automatically and also make a user login page and profile to keep their health track and enhance the user experience based on their data.

Built With

• api
• css
• css-for-a-clean-design
• html5
• javascript
• react
• tailwind