MEAL GENERATOR APP USING REACT
Demo
Feature
- Search meal by name, first letter or id
- Generate a single random meal
- All meal categories
- List all meals based on categories and areas
- Filter meals by categories
- Filter meals by ingredient
- Filter meals by Area
Api Used
- https://www.themealdb.com/api.php
- https://www.themealdb.com/api/json/v1/1/search.php?s=
- https://www.themealdb.com/api/json/v1/1/search.php?f=
- https://www.themealdb.com/api/json/v1/1/lookup.php?i=
- https://www.themealdb.com/api/json/v1/1/random.php
- https://www.themealdb.com/api/json/v1/1/categories.php
- https://www.themealdb.com/api/json/v1/1/list.php?c=list
- https://www.themealdb.com/api/json/v1/1/list.php?a=list
- https://www.themealdb.com/api/json/v1/1/list.php?i=list
- https://www.themealdb.com/api/json/v1/1/filter.php?i=
- https://www.themealdb.com/api/json/v1/1/filter.php?c=
- https://www.themealdb.com/api/json/v1/1/filter.php?a=
Packages used
- Axios : fetching data
- React-player : Youtube player
Learning
- Learn about context api
- Learn about api's
- Learn about Search api
How To Run
- npm install
- npm start
All API ARE PUBLIC AND FREE OF USE, IF YOU NEED EXTRA FEATURE'S FROM API, VISIT THEMEALDB.COM
NOTES
Kind of exhausting, was built in a day .. approx 7hours