🍽️ Recipe website

📑 Project Overview

This project is a simple web application that demonstrates the use of asynchronous JavaScript to fetch data from an external API and display it dynamically on the webpage. The application queries the Forkify API to fetch recipes based on a specified query ("pizza" in this case) and displays the results in a visually appealing format using CSS for styling.

📚 Table of Contents

• Project Overview
• Technologies Used
• Demo
• Features
• Getting Started
• Contributing
• Contact

💻 Technologies Used

• HTML
• CSS
• JavaScript
• API: Forkify API

🔗 Demo

Live Demo

✨ Features

• API Integration 🛠️: Fetches recipe data in real-time from the Forkify API.
• Dynamic Content Generation 📝: Uses JavaScript to dynamically generate HTML content based on API response.
• Responsive Design 📱: Utilizes CSS Flexbox to ensure the layout is adaptable to various screen sizes.
• Interactive UI 🖱️: Includes hover effects for better user interaction.

🚀 Getting Started

To view and interact with the project, simply open the index.html file in a web browser.

🤝 Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

• Fork the repository
• Create your feature branch (git checkout -b feature/YourFeature)
• Commit your changes (git commit -am 'Add some feature')
• Push to the branch (git push origin feature/YourFeature)
• Create a new Pull Request

📧 Contact

For any questions or feedback, feel free to contact doaaosamakhalaf@gmail.com.