Today, I will share my journey of building and hosting a Recipe app using Angular, Firebase (for hosting the angular app), and a public API called  Recipe-Food-Nutrition by  spoonacular hosted at  RapidAPI.

As we are not going to discuss on how to set up an Angular application with material library and firebase, I would assume that you have good knowledge.

What are we about to learn?

  1. Setting up RapidAPI account
  2. Using RapidAPI to build a recipe search app in angular

1. Setting up RapidAPI account

Setting up  rapidapi account is pretty straight forward and it involves no fee. I would recommend joining using google account and once you are logged in search for food and you should see  Recipe-Food-Nutrition API. Currently, this API is popular so it should be your first result

Image for post

RapidAPI recipe-food-nutrition API search

#angular-animations #firebase #angular #material-design #rapidapi

How to Create a Recipe App with Angular, Firebase and RapidAPI
16.10 GEEK