I made this project as part of the World's Largest Hackathon by Bolt - specifically the One Shot challenge, which tasked builders with making an application in just one prompt.

I got this idea while brainstorming for a project during the One Shot challenge. I regularly stream music in Spotify and I listen to different playlists based on my mood for the day. So I thought - "why not create an app that matches a user's mood to a Spotify playlist?".

A few things to consider: this application does not recommend the opposite of a user's mood. For example. Chris isn't feeling happy. When he selects his mood (sad or anxious), PlayMyFeelz will not recommend happy or motivational playlists. The way I designed it, it gives you what you request.

You're feeling happy, you get a happy playlist!

I started by creating possible user interfaces in Figma. Since Bolt is capable of using images as inspiration, I saw this as the closest way to get my desired design as a live site with the features I had in mind.

The main features of the application were to be as follows:

List of available moods to select from

User selects desired mood, and a corresponding playlist(s) is shown

The user can click on any playlist, and it opens up right in Spotify

So I got to work. Below are some screens from the Figma file

As you will see from the concepts above, I intended for this application to be primarily dark themed with yellow accents. But I changed this later on in the project to improve user experience and provide visual feedback based on user actions.

Try out the application using the link below 🔽