Student Project: Attitune

Channel:

Fullstack Academy

Subscribers:

58,300

Published on April 3, 2017 7:53:57 PM ● Video Link: https://www.youtube.com/watch?v=FCaZk9QRk9s

Duration: 6:05

310 views

1

Attitune is a data visualization app that provides the user with a visualization of their musical profile and preferences. By pulling from Spotify's API, we are able to find a variety of metrics— including valence, energy, and danceability—regarding a user's music choices. We then render these metrics using D3 graphs in order to give users a deeper look at their musical identity, both over the course of time, as well as for a comparison to other users.

Attitune also provides the user with a more interactive experience with this data, namely the ability to create playlists based on these metrics. The metrics update over time, as users add or remove songs from their playlists, allowing users to build the perfect musical setting for the event that they were looking for.

We used React and Redux for the front end and we used D3, Victory and ReCharts to render our graphs directly on the DOM. For the back end, we built an Express server with a Sequelize database to receive requests with RESTful API and to persist user information, which we initially pull and compile from Spotify's RESTful API.

The result has come out to be more than just an app—it's a deeper look into the numbers behind the musical experience, and maybe an enhancement of future musical experiences for the user.

----

Fullstack Academy was recently ranked the #1 coding bootcamp in the U.S. Learn more at https://www.fullstackacademy.com.