[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 Preview for reactplayio ready!

Name	Link
🔨 Latest commit	5030799
🔍 Latest deploy log	https://app.netlify.com/projects/reactplayio/deploys/6a897640cff5180008ff3b89
😎 Deploy Preview	https://deploy-preview-1720--reactplayio.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[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.

[Moham-med-Farhaan]

@debjit @hjaintech @ishrarg @atapas Hi👋, I've opened a PR for the Edamam ingredient search integration: #1720

Could someone take a look when you get a chance and let me know how it looks? Thanks!

[github-actions]

There hasn't been any activity on this pull request recently, and in order to prioritize active work, it has been marked as stale. This PR will be closed and locked in 7 days if no further activity occurs. Thank you for your contributions!