Spotify #thatsongwhen

"Every song has a story. What's yours?"

Technologies:

Angular.js, Express.js, Node.js + Rails API

Contributions:

Full-stack development via Layerframe

Dates:

Fall 2014

Project Overview

Spotify's #thatsongwhen project embodies the idea that behind every great song is a memorable moment in our lives. The application links with Spotify to let users select songs and upload a custom image/video and story. Users can select from several "duotone" filters that give their image a fun effect. This stories can then be shared with friends and maybe even show up on the homepage.

For this project I worked on the backend infrastructure, designing and creating a RESTful API using Ruby on Rails that interfaced with the user-facing Angular/Node application. In addition, I built the content uploading page including all API integrations (Facebook, Instagram, YouTube, Spotify, Google Places).

One unique component of this project was setting up duotone image filtering for the user-generated content. I wrote two solutions to accomplish this: one in Javascript (and a little matrix math) for the front-end and a custom algorithm using ImageMagick in Ruby to store the duotoned images in EC2. Hopefully I'll get around to sharing some of this code, and how others can do similar things on the web!

Check it out

:: Shots and Samples ::

Thatsongwhen 1
Thatsongwhen 2
Thatsongwhen 3
Thatsongwhen 6
Thatsongwhen 5
Thatsongwhen 4

MADE IT THIS FAR?


View Website