Recipes App in Vue js and Laravel with recipes Api ft. Rapidapi
Hello,
In this video we will make Recipes Database app by using Recipe puppy free api from Rapidapi.com
link : https://rapidapi.com/brianiswu/api/re...
We will get the link images which will lead us to the recipe of that product.
First, select recipe puppy api from rapidapi.com which is free and test it as in video to check response then copy the snippet
Now, In our component we will make these things.
1) cards
link:https://getbootstrap.com/docs/4.0/com...
2) Placeholder Images
3) Spinners
link: https://loading.io/spinner/ball/-ball...
After styling our card we will fetch values from the api in our fetch results method and set the response to our recipes.
After then we will set spinner and set z-index to brong the spinner to front
So to have a user friendly experience.
The api we used is Recipe puppy which is very simple API. This api lets you search through recipe puppy database of over a million recipes by keyword and/or by search query.
