-
Notifications
You must be signed in to change notification settings - Fork 89
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ce442f4
commit 8f8c3ab
Showing
1 changed file
with
45 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,45 @@ | ||
# Recipe API Web App | ||
|
||
This is a simple web application that allows you to search for recipes using the MealDB API and display detailed information about a selected recipe, including its name, category, area, instructions, ingredients, and a link to a video demonstration (if available). | ||
|
||
## Features | ||
|
||
- Search for recipes by name. | ||
- Display detailed information about the selected recipe. | ||
- View a list of ingredients separated by commas. | ||
- Access a link to a YouTube video for a recipe (if available). | ||
|
||
## Technologies Used | ||
|
||
- HTML | ||
- CSS | ||
- JavaScript | ||
|
||
## Usage | ||
|
||
1. Clone the repository to your local machine: | ||
|
||
2. Open the `index.html` file in your web browser. | ||
|
||
3. Enter the name of the dish you're looking for and click the "Search" button. | ||
|
||
4. The recipe details, including ingredients and a YouTube link (if available), will be displayed. | ||
|
||
## Code Explanation | ||
|
||
- The code uses HTML for the structure and layout of the web page. | ||
- CSS is used for styling and layout adjustments. | ||
- JavaScript is responsible for handling user input, making API requests, and dynamically updating the content. | ||
|
||
## API Integration | ||
|
||
- This web app integrates with the MealDB API to fetch and display recipe data. | ||
- It uses the API's search endpoint to retrieve recipe information based on user input. | ||
|
||
## Credits | ||
|
||
- [MealDB API](https://www.themealdb.com/api.php) | ||
|
||
## License | ||
|
||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. |