Spotify Tracklist, Tweets, and Mapping: Singer Search, PHP, and AJAX

Verified

Added on  2019/09/16

|2
|219
|67
Project
AI Summary
This project is a web application that allows users to search for a singer and view their associated Spotify tracklist, tweets, and the geographical locations of those tweets on a Google Map. The application is built using Bootstrap for the front-end design, PHP for server-side scripting, and AJAX for asynchronous data retrieval and updates. The project integrates with multiple APIs, including Spotify, Twitter, and Google Maps, to fetch and display relevant data. The assignment requires the use of provided API keys and secrets for authentication and data access. The core functionality involves a search box where users can input a singer's name, triggering the retrieval of the singer's Spotify tracklist and a list of tweets related to the singer. The tweets' locations are then plotted on a Google Map. The solution emphasizes separate files for HTML, CSS, and JavaScript, with PHP handling the server-side logic and API interactions. This project showcases the integration of multiple APIs to create a dynamic and informative web application. The solution is contributed to Desklib, a platform offering AI-based study tools.
Document Page
Create an API mashup where the user will use a search box to search for a singer. The search will then
show all the tweets where singer name is use, populate all the tweets on the map where it is coming

from and display the Spotify tracklist
of the singer. Please, see the display below for the output of this
assignment. This assignment only needs to be done in Bootstrap and Bootstrap only
. Please, create
separate files for HTML, CSS, and JS. The HTML and JS file should not be merged with PHP file and

records should be separate for complete assignment. This should be done using basic programming

such as PHP and AJAX calling. Do not use any other programming and only do this assignment in

bootstrap

Search for Singer
Search
Display all tweets

Google Map which shows all the tweets

location with the markers
Spotify Tracklist or Playlist
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Twitter:
Consumer Key (API Key)8WJStrcXs4aLoD1XJccnfqO2v

Consumer Secret (API

Secret)t1mXqvOwfyJs1O3lhHW6wA0ZQNPzpKptz4JxsRQs4cSBHvaHMP

Access Token2328079896-WqYdgc6ePq1SfJCc277WYgcMuhO7KbMbepV94nx

Access Token Secret6ImapvWy6OxBko1VhRJihBWyJTdGEb8aqFuS5xt5AIWlH

Google Maps

AIzaSyBRsTHA3jFMZfvyQdgi0HrhVdamangdG98

Instagram

CLIENT ID
1b505fcc3f3d430f8bcb411031efca5f
Spotify Key

Client ID

2e94b2ce19a640ee8534e1dcb4039a36

Client Secret

9fabc66e79634799be2c21d1304c18e5
chevron_up_icon
1 out of 2
circle_padding
hide_on_mobile
zoom_out_icon
[object Object]