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 fetch widgets that display the recipes’ pricing data in an interactive way. To do so, we can use the following endpoints based on our use case:
* recipe price breakdown widget
* recipe price breakdown by ID widget

Learn how to fetch interactive Spoonacular widgets that display the pricing data for recipes.

Introduction

Recipes

Ingredients

Grocery Products

Spoonacular Widgets

Spoonacular API Integration in React

Conclusion

Appendix

Recipe Price Breakdown Widget