🎵 🙂 😢 😡 😌 🎵
Create Spotify playlists that can be sorted by mood.
Spotify’s API provides a multitude of information about their library of songs, including measures of audio features, such as song valence (or as we like to call it, "positivity") and song energy. These features can correlate with mood. A song high on the valence and energy scales is going to be happy!
Reaction Radio allows you create a playlist of songs, see how they fall on a mood chart, and then lets you edit and sort by mood. Once you have a playlist that you are satisfied with, you can easily export it to your Spotify account.
Since the app is hosted on a free Heroku instance, it may need some time to boot up.
After downloading the distribution, you will need to download the app dependencies:
$ cd reaction $ yarn install $ cd client $ yarn install
Then, navigate to the root directory and run the application:
$ cd reaction $ yarn start
Using Reaction Radio
To start using Reaction Radio, sign in to Spotify using our log in button.
Once you have signed in, you may begin to add songs to your Reaction Radio playlist! Search by either song title, artist, or album. When you find a song that you want to add, click
After adding songs that you like, click
View My Playlistto begin exploring your playlist.
On your Playlist page, you may sort tracks by mood, or sort by specific track. Create the playlist you want to hear. See any songs that don't match the mood you're feeling? Delete them!
Once you're happy with your Reaction Radio playlist, go ahead and hit that Export button. Your playlist will be added to your Spotify account.
As a developer, Spotify provides a ton of useful analytical information about your app:
- Daily Active Users
- Monthly Active Users
- How users are using your app
- Where your users are located in the world
As our app grows and we add more features, we can see which features are being utilized by our users, so we can develop and improve them even more.
Our database collects information about the songs that our users are searching through our app (no emails or real names are collected). With enough information, we can do some interesting analytics of our own:
- Most searched for songs
- Happiest songs
- Saddest songs
- Angriest songs
- Chillest songs
- Average mood of specific artists and/or albums
You can easily deploy this application to a platform such as Heroku.
Your Remote Redirect:
[YOUR APP URL]/home
When you are ready to deploy, navigate to
Comment out the local
REDIRECT_URLand use the Heroku
REDIRECT_URIinstead. Replace the remote URI with the URI of your application. (It must end in
IF USING LOCALHOST, USE THIS URL const REDIRECT_URI = encodeURIComponent('http://localhost:3000/home'); // IF USING HEORKU, USE THIS URL // const REDIRECT_URI = encodeURIComponent('https://reaction-radio.herokuapp.com/home/');
yarn buildand deploy!
- Material UI - Google's material design UI components built with React.
- Express - A Node.js web application framework
- MongoDB - A NoSQL database program
- Spotify Web API - Spotify Web API for retrieving song data
- React Flip Move - Animation for React list components
- This app was inspired by Charlie Thompson's app Sentify