Get insights into your vibe
Vibe gives you incredible insights into your listening habits. Compare your most recent songs to the top tracks of the day, your last month of listening, and even your favorite songs based on popularity, happiness, danceability, and more! Visualize trends in your favorite songs over your entire Spotify listening history and how they stack up against the top songs of each year. Rediscover the songs and artists you’ve been in love with the most.
This application uses following endpoints of the Spotify Web API
I used the Search and Playlist APIs to retrieve the user’s annual “top songs” playlist created by Spotify and the Personalization API to get the user’s Top Tracks and Artists. I then retrieved track features using the Tracks API and compared these values against the top Spotify songs during each respective time period. This React application uses the Web API directly in the client-side only and does not have a back-end.
http://localhost:3000/as Redirect URI in your Spotify App Settings.
.envin the root directory of the repository.
cp .env_EXAMPLE .envand fill
REACT_APP_SPOTIFY_CLIENT_IDwith your client id and
Application is based on create-react-app