https://github.com/emersonramos3lt/recipe-search-api
This JavaScript project fetches meal details, displaying the recipe’s image, ingredients, and preparation steps.
https://github.com/emersonramos3lt/recipe-search-api
api css css-flexbox flexbox html html-css javascript javascript-applications javascript-project javascript-vanilla responsive
Last synced: about 2 months ago
JSON representation
This JavaScript project fetches meal details, displaying the recipe’s image, ingredients, and preparation steps.
- Host: GitHub
- URL: https://github.com/emersonramos3lt/recipe-search-api
- Owner: emersonramos3lt
- Created: 2025-03-10T17:53:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-10T17:58:57.000Z (over 1 year ago)
- Last Synced: 2025-06-13T06:43:08.070Z (about 1 year ago)
- Topics: api, css, css-flexbox, flexbox, html, html-css, javascript, javascript-applications, javascript-project, javascript-vanilla, responsive
- Language: CSS
- Homepage: https://emersonramos3lt.github.io/recipe-search-api/
- Size: 80.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **🍽️ Recipe Finder with JavaScript**
This project is a **recipe search app** built with **JavaScript**, allowing users to find recipes by simply entering an ingredient in the search input. The app fetches data
from **TheMealDB API**, displaying the **recipe image, ingredients, and preparation steps**.
The design is **fully responsive**, ensuring a seamless experience across different screen sizes. Whether on desktop or mobile, users can easily explore and discover new recipes
with an **intuitive and user-friendly interface**.
---
## **🚀 Main Features**
- **JavaScript-powered** recipe search
- **TheMealDB API** integration for dynamic recipe data
- Displays **recipe image, ingredients, and instructions**
- **Fully responsive** design for all devices
---
## **📷 Project Screenshot**
