An alternative Spotify front-end, built with React js and the Spotify API. This can also be installed as a Progressive Web App (PWA).
View The Live Site Here.
- React
- Spotify API (Spotify Web API)
- Create a
.env
file in your project Root Directory with your Client ID and Redirect URL (template found below) - Replace the Client ID and Redirect URL in App.js
- Add your Redirect URL in the Redirect URI section found in your Spotify Developer Dashboard
yarn
yarn start
visit http://localhost:3000
REACT_APP_CLIENT_ID=01010101010101010101ABCD
REACT_APP_CLIENT_ID_REDIRECT_URL=http://localhost:3000/callback
The audio player only plays 30 seconds of audio currently. A fix for this would be The Web Playback SDK. However, that requires a premium account so that has not been used. If it was, it would allow premium Spotify users to play the full audio, but lock out free users.
Look into the possibility of using/implementing both the current Spotify API and the Web Playback SDK so that free users can fallback to the original API while premium users can use the Web Playback SDK
Released under the GPL-3.0 License.