reLive - The Concert Experience
reLive - The Concert Experience is a responsive full-stack application that allows users to listen to concert setlists and see photos of their favorite musical artists. By utilizing APIs from Last.fm, Setlist.fm, Flickr and Spotify, reLive allows users to relive their favorite concerts.
> git clone https://github.com/Bushmb/reLive-The-Concert-Experience.git > cd relive-the-concert-experience > npm install
> npm start
localhost:8080 in a browser if a window is not automatically opened for you.
reLive was built out of my love for music and concerts. reLive allows you to see what songs your favorite musical artists are playing at their concerts and listen to the setlist long after the show. My most ambitious project to date, reLive uses 4 different APIs to get concert data, photos of the musician, and setlists which you can then listen to and save to your spotify account.
How it Works
Search for a Band or Musical Artist
Choose a musical artist, any musical artist. Once you type it into the search bar, reLive uses Last.Fm to pull up the most relevent artists related to your search with the most likely artist listed first. By clicking one of the artists buttons below the search, reLive uses Setlist.fm to find the most recent concerts played by that musician
Choosing a Concert
Below the search field, reLive presents a list of the most recent concerts played by the band of musical artist you have selected. You are given the option to play or save the setlist. By choosing the play setlist button, a spotify widget is loaded with as many of the songs as could be found using Spotify's API. Not every artist is on Spotify, nor is every song. If songs are not loaded into the playlist, it may mean the name is incorrrect, or the song being played is a cover of another song.
reLive gives you the ability to save your favorite setlists from your favorite concerts. If you use your Spotify account to login, you enable reLive to save the playlists on the app. This is only possible by utilizing the Spotify API which provides the ability to store these playlists on your Spotify account.
- Node.js + Express.js (web server)
- MongoDB (database)
- The app is fully responsive and quickly adapts to all mobile, tablet, and desktop viewports.
- reLive uses a full authorization flow using OAuth 2.0 and Passport to enable users to login through their Spotify account, which means they can save and view the setlists played by their favorite musicians.