When learning Javascript, using a FETCH API to come-up with a website is one of the milestones that you could achieve as a weekend task.You get to experience different types of API and a variety to choose from.
Below are a few sites that have API feel free to go through as you follow along:
Things you need before starting:
- A Design of the website: Figma will give you an idea: https://www.figma.com/login
- A public API
Using a fetch API ("https://www.themealdb.com/api/json/v1/1/search.php?s=") to get a list of meals I came up with Belafonte Food Hub website that offers users a variety of meals and using a button one can watch how to prepare the meals, like or dislike based on their preference and Submit a review at the button of the page.
Getting:
1.List of meals/dish.
2.Name of the meal.
3.Category: such as Soup or side dish.
4.Origin of the meal.
5.Youtube link to learn how to prepare the meal with the aid of a video.
SCREENSHOTS
Top comments (0)