Music Moods

Team Name

Team GNE

Inspiration

Zen, Music

What it does

Gives the user a Spotify playlist based on their mood. Asks the user how their day was and finds a playlist of the associated sentiment.

Challenges responding to:

Beginner, General, Domain

Technologies Used

We created a front-end web app that uses React to display content. The languages are solely HTML/CSS/JS. Material-UI was used for consistency and better aesthetics. We used Sentim-API for NLP

Challenges we ran into

This project was pretty much a disaster the whole way through. We stumbled through everything and still can’t believe the site works the way we want it to. When React wouldn’t render properly, we just started hammering away with every method we could think of. When the API requests kept going bad, we console logged every variable possible. When Material-UI didn’t want to cooperate, we hard coded it in. Three.js was attempted, but couldn’t figure out how to have it work with React in time. Originally we were going to use Google Cloud NLP but that required a back-end (which we didn’t want to make), so we scrapped it for something without authentication.

Accomplishments that we're proud of

We set up DNS configuration correctly. The site backgrounds are pretty cool. React quick-swapping Spotify is neat.

What we learned

None of us had done a hackathon before this one. At the start of this hackathon, the three of us had very minimal React knowledge, but we used the internet with a lot of trial and error to figure a way around all of our problems. We are much more confident in our web abilities now.