Fetching Recipes with TheMealDB and TheCocktailDB in JavaScript

Beginner

14 Lessons

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

20 Playgrounds

This course includes

20 Playgrounds

Course Overview

This course is a hands-on guide on how to use TheMealDB and TheCocktailDB APIs. These are REST APIs that are used to search recipes for food items. This course begins with an introduction to the TheMealDB and TheCocktailDB APIs and the various endpoints they provide. Then, you’ll learn about the request and response structures of these APIs, and about the different endpoints and how to use them. These include searching for a meal or cocktail recipe and getting a random one. Through the use of a demo appl...Show More

What You'll Learn

Familiarity with TheMealDB and TheCocktailDB APIs and their endpoints

The ability to retrieve recipes using API calls

Hands-on experience integrating TheMealDB and TheCocktailDB APIs into a functional React application

What You'll Learn

Familiarity with TheMealDB and TheCocktailDB APIs and their endpoints

Course Content

Introduction

Introduction to the Course

TheMealDB and TheCocktailDB APIs Overview

TheMealDB API

Fetch Available Listings Filter Meals Look Up Meals Using API-Assigned IDs Search for a Recipe Get a Random Meal

TheCocktailDB API

Fetch Available Listings Filter Cocktails Lookup Cocktails or Ingredients Using IDs Search for a Cocktail Recipe or Ingredient Get a Random Cocktail

APIs Integration in React

Demo Application

Conclusion

Wrap Up!

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Looking for something else?