Zotify

Our login page
The song search. Users search a term and add one of the results to the list of songs to generate recommendations from.
The recommended songs

Inspiration

Eren and Erik were too tired of listening to the same playlists all the time and never finding new music. James and Max live in PV1, but with no cooking skills, they are always going out to eat. They checked the shared Spotify Premium plan and realized it was too expensive. That's why we are presenting to you Zotify, a free way to expand your music taste!

What it does

Zotify takes a user's personal playlist of 5 songs picked from our expansive choices and uses the Spotify API to generate five brand new song recommendations based on their music taste.

How we built it

We gathered data from Spotify's API by accessing the key and getting information directly from users. Users like Eren can search for their favorite songs on our website and find more just like it! Our website is accessed by entering a username to gain access to unlimited song choices. Then, users search for songs and Zotify displays songs that were found using their search term and the user selects a song from that display. Once five songs have been selected, the user chooses to generate recommended songs, which takes them to a page that displays those songs.

Challenges we ran into

One of the most difficult challenges Eren and Erik ran into while developing on the back end was linking the front end of the user interface to the back end. Although gathering data from Spotify's API was tedious, they found that connecting to the front end took up most of their time as it became difficult to find what error was being had. Likewise, fetching data from the back end to be parsed and displayed on the front end was incredibly difficult. Max and James had the most trouble creating a centered and presentable website that would easily allow users to find their songs.

Accomplishments that we're proud of

We are most proud of being able to access Spotify's API and create a working website in one day. None of us have competed in a hackathon before, and although we had many challenges it was worth it to see our project have a successful output.

What we learned

We learned how to integrate APIs into our web application in order to grab song information including name, author, and album picture. We also learned how react and node.js works as we have never done any project with them previously.