Hello
Spotify Web Interface
I utilized the Spotify API to create an interface for any browser
Technologies: Angular, TypeScript, Spotify API, Bootstrap, HTML, CSS
Search Interface
Search bar
Here, users can enter any key word, while also selecting whether to search by artist, album, or track
aRTIST
When searching by artist, it will display the artist's Spotify landing page image. The image links to a another page that gives detail about the artist (see more in the search result section).
Album
Searching by album will produce an image displaying the most popular album that matches the key words used.
Track
Searching by track will display a list of all relevant tracks that pertain to the searched key word.
Search Results
Clicking on an Artist page
Artist pages will have a list of their most popular tracks, the genres that define them, a carousel of their albums, as well as other related artists. Each image links to the corresponding Spotify URL.
CLICKING ON AN Album PAGE
This will display the album art cover and the track list (which link to a corresponding Spotify URL.
CLICKING ON AN TrackPAGE
This will display a track's information, such as title, run time, album, artist, and a bar graph containing categories of metric provided by Spotify and displayed using Bootstrap
github
LINK TO REPOSITORY
Click the image on the left to view the repository containing the code I produced for this project.