Taking a vacation means relaxing to the fullest extent. As a team, we pondered over everything that made us relax, whether it was sleep, meditation, or even browsing online. But, each one of us came to the conclusion that an essential part of relaxation was -- music.

Music has an incredible ability to help shape your mood. Regardless of how stressed you may be about projects, put on a happy tune and you're bound to start tapping your feet. In fact, I'm listening to some chill music right now as I write!

However, personal favorite tracks can be hard to come by. So, a streamlined way to retrieve your own personalized playlist is a must need!

*Vibe: a person's emotional state (we always want to have some good vibes, hence our name!)

What it does

Our website is built to be simple and easy to use. Ultimately, we're making that painstaking process of digging through hundreds of songs easier. The user tells us what mood she/he wants to achieve, and we provide a selection of personalized Spotify playlists ready to use. It's fun and quick, giving the user a chance to thoroughly enjoy her/his vacation listening to music found in seconds.

How I built it

TheGoodVibes was built with the priority of user experience in mind. We wanted to create a web app accessible from anywhere on the fly! We implemented our responsive features using BootStrap and added our own flair to inspire creativity. The backend is driven by NodeJS running an Express server to give us the customization we need between a user and their vibes. The site implements the Spotify API, which we interact with using the node-spotify-api library. Everyone was able to collaborate on the project by using GitHub. GitHub made it super easy to collaborate with each other on certain aspects of our web app, all while open sourcing our software. We were able to further formalize our website by deploying it live on Heroku and syncing a domain name to give it that final touch. We look forward to developing and maintaining the vibes we hope to share.

Challenges I ran into

We are a team of recently graduated seniors, thus, many of us have had a limited amount of contact with developing a working website. Only one out of our 6 teammates had any experience with hackathons, and as a result, we struggled at first to understand the time limits and complexity of developing a project for a hackathon. Furthermore, for many of us, this was the first introduction to javascript, html, and css, as well as using visual studio code and github. There was a steep learning curve, but nonetheless an opportunity to bond with teammates and expand our knowledge beyond the school curriculum. We learned from each other and discovered efficient ways to communicate ideas with each other, even with the challenges of different time zones (even different countries!) and doing it all over the internet.

What I learned

More about how collaborating works on GitHub, as well as the ways to use BootStrap. The backend was something only one person had experience in, so it was a learning process for all of us. Time management was also a big thing where we had to consider what could possibly be done with the time ticking down. We had to look at the big picture in order to keep level heads and plan according to what we could do in the given time instead of what we might be able to do. We also ultimately learned how to complete a fully furnished website that includes many interactive features and pleasing animations.

What's next for The Good Vibes

The Good Vibes is planning to take its personalization to the next level. We plan to implement more questions and categories for users to choose from to more concisely sift through our hundreds of playlists and offer him/her the best few. We will be expanding our playlist database as well to cover wider genres of music to meet the needs of all our users. The addition of new filters will bring about endless vibes to groove out to, on or off vacation.

Share this project: