Skip to content

A simple food recipe web application using ReactJs and Edamam API.

Notifications You must be signed in to change notification settings

omraj0/E-CookBook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍽️ E-CookBook

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

🌐 Live Demo

🔗 E-CookBook


✨ Features

✅ 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 🔗


🛠️ Technologies Used

  • React.js ⚛️
  • Edamam API 🍴
  • Tailwind CSS 🎨
  • JavaScript (ES6+) 🟨

🚀 Installation & Setup

# 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/ 🎉


🖥️ Usage

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.


🤝 Contributing

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

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


📫 Contact

📧 Email: omraj010@gmail.com ✉️

🔗 Portfolio: Visit Portfolio 🌐

About

A simple food recipe web application using ReactJs and Edamam API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published