Pantry alchemy

[Moham-med-Farhaan]

Pantry Alchemy

Overview

Added Pantry Alchemy, a React-based recipe discovery experience that helps users discover recipes based on ingredients available in their pantry.

What was added

• Ingredient autocomplete with Open Food Facts taxonomy suggestions.
• Multi-select ingredient search using Material UI Autocomplete.
• Debounced API requests to provide ingredient suggestions efficiently.
• Recipe search using the Edamam Recipe API based on selected ingredients.
• Responsive horizontal recipe slider with scroll snapping.
• Recipe cards with:
  • Recipe images
  • Recipe titles
  • Ingredient summaries
  • Expandable health-benefit chips
  • Links to the original recipe source
• Loading states for ingredient and recipe searches.
• Responsive green-themed UI designed around the Pantry Alchemy concept.
• API credentials moved to environment variables instead of being hardcoded in the codebase.

APIs & Resources

• Edamam Recipe API — recipe discovery.
• Open Food Facts — ingredient autocomplete.
• Material UI — UI components and responsive styling.

Notes

• Recipe results depend on the Edamam API response and availability.
• API credentials are now expected through environment variables.
• Recipe source links redirect users to the original recipe provider.

Testing

• Tested ingredient autocomplete and multi-selection.
• Tested debounced ingredient searches.
• Tested recipe retrieval with multiple ingredients.
• Tested expandable health labels and horizontal recipe scrolling.
• Verified responsive behavior across different viewport sizes.

Screenshots or example output

[netlify]

👷 Deploy request for reactplayio pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	5030799

[github-actions]

Hey! contributor, thank you for opening a Pull Request 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.