A front-end clone of the Spotify Web player.
The app consumes data from the Spotify API and tries to mimic the UI and front-end behaviors of the official Spotify Web Player as much as possible.
After authenticating from the login page, users will be redirected to the the dashboard. On the dashboard, users can view newly released music, their top artists, their recently played tracks, their playlists, their liked songs, and the search page.
Users can navigate to albums, artists, recently played songs, and playlists from the dashboard.
The album page lists the album tracks which users can select a track to play or select the whole album to play.
Users can view an artist's top songs, their albums and singles, and related artists.
Users can choose to play an artist's top song, play all of their top top songs, or play all of an album's songs.
Users can view the playlist's songs, play a song in the playlist, play all of the songs in the playlist, and like and unlike songs in the playlist.
Users can navigate to a song's artist or to the song's album in the playlist.
Users can play a liked songs, play all of the liked songs, and remove a song from the list.
Users can browse categories and search for songs, artists, or playlists.
- React.js
- Javascript
- CSS
- HTML
- React Router
- Express