A simple and user-friendly food recipe web application built with React.js and Edamam API. This app allows users to search for recipes, filter results based on dietary preferences, and explore a variety of dishes effortlessly. 🚀
✅ Search for food recipes using Edamam API 🥗🍕🍛
✅ View detailed ingredients, calories, and cooking instructions 🔍
✅ Filter recipes based on dietary preferences (Vegan, Keto, etc.) 🥦🥩
✅ Responsive UI with Tailwind CSS 🎨
✅ Fast and smooth user experience with React.js ⚡
✅ Click on recipes to visit the full instructions 🔗
- React.js ⚛️
- Edamam API 🍴
- Tailwind CSS 🎨
- JavaScript (ES6+) 🟨
# Clone the repository
git clone https://github.com/omraj0/E-CookBook.git
# Navigate to the project directory
cd E-CookBook
# Install dependencies
npm install
# Create a .env file and add your Edamam API credentials
REACT_APP_EDAMAM_APP_ID=your_app_id
REACT_APP_EDAMAM_APP_KEY=your_app_key
# Start the development server
npm start
The app will be live at http://localhost:3000/ 🎉
1️⃣ Enter the name of a dish or ingredient in the search bar.
2️⃣ Click on the search button to fetch results from Edamam API.
3️⃣ Explore recipes with ingredients, calories, and dietary details.
4️⃣ Use filters to refine search results based on dietary needs.
5️⃣ Click on a recipe to view full details and instructions.
We welcome contributions to improve E-CookBook! 🍽️✨
# Fork the repository
git fork https://github.com/omraj0/E-CookBook.git
# Create a new branch
git checkout -b feature/your-feature
# Commit your changes
git commit -m "Added new feature"
# Push to the branch
git push origin feature/your-feature
# Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
📧 Email: omraj010@gmail.com ✉️
🔗 Portfolio: Visit Portfolio 🌐