We wanted to create something cool that would allow you to find your music on Spotify in an entertaining way.

What it does

GIFRadio allows you to find music solely through the use of randomly generated GIFs.

How we built it

We built GIFRadio by creating a Node/Express back end to handle API calls for Clarifai, GIPHY, Spotify, and IBM Watson. The front end was created with HTML/CSS using JQuery/AJAX to interact with the backend APIs.

Challenges we ran into

The back end team didn't have much experience with Node and generally working with asynchronous syntax. It took a lot of time to learn how to use a Promise properly, which was important when we were working with web APIs. There were also problems with executing API queries when both the front end and back end were hosted locally.

Accomplishments that we're proud of

We're proud to be able to learn new technology quickly in a short span of time and pick up resourceful debugging skills along the way.

What we learned

It was a great learning experience to work with several different web APIs. Also, it was useful to familiarize ourself with Node since it opens doors to so many other uses.

What's next for GIFRadio

We hope to extract more meaningful features from the GIFs, automatically generate playlists for users, and expand to other content such as images, videos, or text to allow for multimodal input.

Share this project: