Question
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.
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.
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:
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 submitStep by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started