MOO-dy MOO-sic

ya' herd of these tunes?

Comment

Inspiration

We met in our first semester of university and instantly became friends through our shared love for the artist, Doja Cat. Whenever we pulled all-nighters together, we would put on Doja Cat’s 2018 hit, “MOOO!” on repeat. It helped us focus. Fast forward five months, we decided to make a cow themed song generator that displays a list of songs to listen to based on your current mood.

What it does

“MOO-dy MOO-sic” is a song generator in which the user selects their current mood and a playlist corresponding to that mood will be displayed for the user. Eight songs from a corresponding genre will be displayed on the screen, and the user will be able to see the song title, artist and album cover. The user is also able to add the song to their Spotify account through the hyperlink on the screen. As well as on the bottom right, the user can click the cow for a song that fits all MOO-ds (definitely not a Rick Roll!)

How we built it

The website was built with HTML, CSS (using the Bootstrap 4 framework) and JavaScript. JavaScript also handled fetching and implementing data using the Spotify Web API.

Challenges we ran into

A challenge we ran into was figuring out how to use the Spotify API (i.e. going through Authorization requests to access certain tracks). Additionally this was our first time using Bootstrap, so there was a bit of a learning curve!

Accomplishments that we're proud of

This was our first hackathon! We were able to work well together and managed to execute our idea within the time limit. Additionally, this is our first major project using HTML, CSS and Javascript. Although we used our basic knowledge of the languages, we still managed to learn quite a bit about web development!

What we learned

We initially had minimal HTML, CSS and JavaScript experience. It was fun to play around with the look of our own website! Additionally, we learned a lot about how to use the Spotify API (i.e. fetch requests, using API keys, authentication, etc.)

What's next for MOO-dy MOO-sic

We plan to integrate a Spotify Web Player, so the user can listen to the song when they click it. Additionally, we plan on adding a sign-in feature, so the user can save the entire playlist.

Alternate Titles that we wanted to use

  • MOO-sic Generator!
  • Ya' HERD of these?
  • An UDDER day, an UDDER playlist!
Share this project:

Updates