ICP 6 - puji1826/Web GitHub Wiki

WEB AND MOBILE PROGRAMMING

Name :Pujitha TAlluri

This ICP is based on Angular Routing and Restful APIs.

API Endpoint: I have created applications on Four Square and EDAMAM API recipe data.

Steps to create an Application:

Create an Account using https://foursquare.com/

Login to the Account and create an application for the place search.

Refer to https://developer.foursquare.com/docs/api/venues/search documentation and pass the query parameters as required.

Use the client id and client secret for the API request that you make.

To run application, navigate through source folder in command prompt and run ng-serve

Application will open browser to http://localhost:4200/ where you can view page

Refer to https://developer.edamam.com/admin/applications documentation and pass the query parameters as required.

Use the App id and Application Keys for the API request that you make.

Task 1:

Create an application in Angular which displays nearby restaurants (Hint: Use Foursquare API).

Source Code:

Template file to find restaurents

.ts file to find restaurents

OUTPUT

![]

TASK 2: Create a Recipe Search application

I have implemented routing in this task and created menu options and the page gets routed based on the selection.

Angular provides the Routing module which is very efficient.

Using the HttpClient, I have mage get request call to get the data based on the user request.

The user can use the text-boxes to search the recipe, these inputs are passed as query parameters to fetch the data.

SOURCE

Template file to find the recipe

.ts file to find the recipe

OUTPUT