Web_ICP6 - Nikii1118/Web-Programming- GitHub Wiki

Author:

Nikita Goyal Class Id -10

Introduction

Basics of Restful API how the angular hit the thrid party API and how we can get the data in the json format and accessing the particular key and value pairs.

TWO WEBSITES USED

  1. FOURSQUARE API

  2. EDMAM API

TASKS

  1. Create an application in Angular which displays nearby restaurants (Hint: Use FoursquareAPI)

  2. Create an application in Angular which displays recipes (Hint: Use EDAMAMAPI)

If possible, combine both the APIs in a single application. (Given starter code has both together. Change the UI if you are going use this)

Note: You must use the Angular (not the AngularJS)

CODE:

Created a Developers Account for Foursquare API and EDAMAM API

Code:

code1

Output:

output1

Conclusion: Came to know how to call the API and displays the results using Html, css and Angular