skytunes

• 

  Welcome Page

Inspiration

Calm rainy days, crisp winter mornings, warm summer nights with your friends, our music choices are often influenced by our environments, current season, and weather.

What it does

skytunes takes in an user's location and Spotify information and builds a recommended personalized playlist based on music markers that are correlated with specific weather patterns. It then embeds a Spotify player, allowing the user to listen to their customized playlist in their browser.

How we built it

We created an algorithm for music recommendation based on song danceability, energy, and valence (how positive a song sounds). Cooler rainy weather produces more calming music, and hot clear weather produces energetic songs that make you want to dance. This was implemented into our web app using React with the Spotify and Open Weather APIs.

Challenges we ran into

Most of us had minimal prior experience in javascript and almost no experience using React. Learning how to transfer data between components, make API calls, and understand how React loads web pages was especially challenging.

Accomplishments that we're proud of

We are especially proud of our algorithm and that we were able to generate a playlist recommendation based on weather and send it to an user's Spotify account. We had some issues getting our player to work but we are happy we managed to get everything working in the background.

What we learned

That React is a very powerful framework if you know what you're doing. The learning curve was quite steep even with four people, but this was a fantastic way to get introduced to JS and React. Also, our understanding of using APIs was definitely developed.

What's next for skytunes

We'd like to expand our algorithm to create more accurate data analysis and improve on our design. We'd like to conduct a survey to see exactly what kinds of trends there are in song danceability, energy, and valence, in different conditions for different users.

Built With

• html
• javascript
• node.js
• openweatherapi
• react
• spotifyapi