API_KEY

RECIPE_ID

INGREDIENT_ID

PRODUCT_ID

PRODUCT_UPC

RECIPE_ID2

INGREDIENT_SUBSTITUTE_ID

Learn to use the Spoonacular API in JavaScript and React.

spoon.tar.gz

demo_app_hidden_server

demo_app_tmux_server

The Spoonacular REST API is an excellent service for planning meals and deciding recipes according to a nutritional diet plan. It has several use cases due to its vast food database. This API is a perfect fit if you are planning to integrate it with a recipe application, meal planner, diet tracker, or even a virtual personal assistant.

You will start this course by first creating your account with Spoonacular and getting the necessary credentials to make API calls. Next, you will learn how to use the node-fetch library to fetch data for recipes, ingredients, and grocery products. Then, you’ll learn to use Spoonacular’s various interactive widgets. You’ll finish the course by getting hands-on experience with a React application integrated with the Spoonacular API with a Node Express server as the backend.

By the end of this course, you will have gained mastery over using the Spoonacular API with JavaScript. You’ll also be able to integrate the Spoonacular API in your next project.

Plan Meals and Recipes with the Spoonacular API in JavaScript

We can use the Spoonacular API to get detailed information for products or get a list of similar products in case the product we want is unavailable. To do so, we can use the following endpoints based on our use case:
* product information
* similar products

Learn how to fetch grocery products and also get related product suggestions using the Spoonacular API.

Introduction

Recipes

Ingredients

Grocery Products

Spoonacular Widgets

Spoonacular API Integration in React

Conclusion

Appendix

Fetch Grocery Products