🍽️ Food Finder
Food Finder is a sleek and simple web app that helps you discover delicious recipes based on the ingredients you already have at home.
By leveraging the Edamam API, you can input ingredients (in Italian or preferably English) and instantly get curated recipe suggestions — complete with images, ingredient lists, and links to the full recipe instructions.
✨ Features
🔍 Search recipes using one or more ingredients
📸 View recipes with thumbnails, ingredient previews, and direct links
📱 Responsive design with a clean UI, thanks to Bootstrap 5
🌍 Support for Italian and English input (prefer English for better results)
🧰 Tech Stack
Technology | Description |
---|---|
🔤 HTML5 | Page structure |
🎨 CSS3 | Custom styling |
🎛️ Bootstrap 5 | Responsive layout framework |
⚙️ JavaScript | API requests and DOM manipulation |
🌐 Edamam API | Recipe data & nutrition info |
🔑 API Configuration
This project uses the Edamam Recipe Search API.
To make it work, you’ll need:
An Edamam App ID
An Edamam App Key
🔧 Update your
script.js
with your credentials:
👉 You can get these credentials by signing up at Edamam Developer Portal.
🚀 Getting Started
✅ Prerequisites
A modern web browser (Chrome, Firefox, Edge, etc.)
An internet connection
Edamam API credentials (see above)
▶️ How to Run
Clone or download the repository
Open
index.html
in your browserEnter ingredients and hit Search
Explore recipes and click links for full instructions
🛠️ Future Improvements
🍴 Add support for diet filters (e.g., vegan, keto, gluten-free)
📝 Show detailed nutrition info per recipe
💾 Add ability to save favorite recipes
🌐 Implement language detection and auto-translation
📄 License
This project is open-source and intended for educational purposes only.
Feel free to fork, modify, and use it as inspiration for your own culinary tools!
👨🍳 Created By
Made with ❤️ for food and code.
If you found this useful or have feedback, feel free to reach out or connect!