Create an API mashup web design project in bootstrap only. The API's includes Twitter, Spotify and Google Maps. The idea is to search for a singer name on twitter and shows where tweets are coming from on Google maps and then show the track list of singer searched
Project Final Proposal - Project Objective
This application will filter the Twitter stream for #Now Playing or similar hash tag based on user input or song name and identify the nearby location of that song and create a playlist on Spotify.
Proposed User Interaction
1. User Twitter Search
It is the first interaction where the user will search for a song name or a singer name using hashtag which will display the list of different tweets based on the #(song/singer) name and show the location on Google Map with a marker for each tweet based on from its location. During this interaction Twitter API and Google Map API will be utilized for this action.
2. User Creating Spotify Playlist
This is the second phase where user will interact on the web page. After, searching for song/singer name, Spotify will create a playlist for the user and user will be asked to either authorize the Spotify to create or sign-in/register to create a playlist
Technologies
- Bootstrap
- jQuery
- PHP
- JavaScript
- jQuery plugins
API's
Twitter Endpoint URL:
https://api.twitter.com/1.1/search/tweets.json
Spotify Endpoint URL:
https://api.spotify.com/v1/users/{user_id}/playlists
Google Maps Endpoint URL:
https://www.googleapis.com/geolocation/v1/geolocate?key=AIzaSyA88e2Wst824dxiHvigUsFeXL_hUeq-ZmM
Attachment:- Assignment.rar