Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Write an online music search engine using Spotify Web API. Spotify (see the reference below) provides abundant music data and services for developers to build

Write an online music search engine using Spotify Web API. Spotify (see the reference below) provides abundant music data and services for developers to build music apps. More details about how to formulate an API call can be found in the following reference.

The first page of your music search site should provide a form with a text field for the user to enter an artist name and a submit button.

image text in transcribed

Once the user clicks the submit button, your JavaScript should send a request using Spotify API to retrieve information related to that artist name. You will receive the response in the format of JSON, and you can specify the file format in your request. If something went wrong during the process of request/response, a proper error message should be displayed on the web page. Sometimes you will receive multiple results and you should display all of them on the page for the user to select the one that s/he is interested. The following shows an example of received results from the search with artist name radiohead.

image text in transcribed

Artist name: Radiohead Artist name: Radiohead Tribute Band

One way to see what is returned in JSON is to type in the following request in the browsers url: https://api.spotify.com/v1/search?q=radiohead&type=artist

Once the user clicks on one of the returned artists, your JavaScript should send a request to retrieve more detailed information about that artist. Each artist has a unique Spotify ID and you should use the ID to retrieve more information about a particular artist.

Detailed information includes: popularity genre (pop, rock, jazz, and etc.) five related artists (if there are less than five related artists, just show them all) three albums or singles that are available in the US with the title and image

You can display the information in any styles that you prefer for clarity. An example of the output is shown below:

image text in transcribed

Please help, this is due soon and I've been trying to figure it out to no avail. Any help is greatly appreciated.

Search artist submit

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Pro Database Migration To Azure Data Modernization For The Enterprise

Authors: Kevin Kline, Denis McDowell, Dustin Dorsey, Matt Gordon

1st Edition

1484282299, 978-1484282298

More Books

Students also viewed these Databases questions