Disclaimer
Please see my google drive link for the full video, some songs in the youtube one had to be muted due to copyright issues!
Inspiration
I've done a lot of hackathons before and they can get super stressful at times. When you keep on running your code only to get different errors again and again and again, it gets pretty annoying especially when you're on no sleep and loads of caffeine (my fellow hackers will relate haha). I created BugBeats to help myself and others from literally going insaneeeee during these hackathons! Sure you'll get a lot of errors while you code, but atleast there's gonna be a funny song playing in the background you can vibe to xD!
What it does
BugBeats connects with your Spotify app and then when you run your code, it plays a specific song based on whether your code runs successfully or not. If it runs successfully, it shows you the output and plays a happy song. If the code has errors, it plays a sad/meme song based on the specific error you get and also shows you the error. For e.g. a syntax error plays a different song, whereas a type error plays a different song!
How we built it
We built the backend using Flask in Python which is connected with the Spotify Web API. The VSCode Extension itself is created using JavaScript using Node.js which is responsible for running your code, checking for errors, and finally calling the Flask API endpoints to play the specific track based on the output.
Challenges we ran into
This was my 1st time creating a VSCode extension, so it took me a little while to get started with it, but once I got the hang of it, things started flowing smoothly. There were little things such as pausing the playback from the stop button etc. which were causing a lot of issues for us and took some time to be fixed.
Accomplishments that we're proud of
Integrating the Flask backend file with the Spotify Web API and further integrating the Node.js file with this backend. The coding part wasn't that hard tbh but integration took a good chunk of our time since we had to make sure the correct endpoints were being called and the whole process was moving smoothly. Introducing the concept of refreshing tokens so that users only have to login to their spotify once, and even when the token expires, a new token is automatically generated for them. I'm just glad i was just able to find an intersection between 3 things I really love - Music, Memes, and Coding!!!
What we learned
Umm...how to make a VSCode Extension from scratch, that was pretty cool! Also I didn't have any prior experience of deploying an application on a cloud server which I was able to achieve by deploying the Flask backend using Heroku! Overall, we had so much fun creating it, it was nice to finally take part in a hackathon which is not at all stressful lmao, and it was just 2 friends vibing to meme songs for 4 days!
Tracks
Most likely meme startup Would blow up on tiktok Lowkey actually kind of good Skibidi ai swag - best project about bugs and memes Wakaba prize Build a tool that distracts you when ur trying to be productive
What's next for BugBeats
Publishing my VSCode Extension for everyone to use (VERY VERY SOON!!! STAY TUNEDD!!!)
Log in or sign up for Devpost to join the conversation.