SpotOn

Inspiration

Honestly, it was my love for Spotify that made me do this. I mean who doesn't wanna spend listening to songs 24/7 non-stop to cure their depression? Just kidding. Or am I? I really wanted to make a tool which people can use to embrace their passion for music and have a lot of fun.

What it does

It's simple. Just open the site and login. As soon as you open the site, you can instantly see your top 10 songs and artists from past 6 months along with the genre of each artists. Pretty cool right? "Damn that's lowkey nice, but you know what's not nice? Spotify giving me my wrapped playlist only once a year?", Ah, thought you might say that... we all do. Well guess what buddy, just click on the button "Get a playlist of your top 50 tracks" and BOOM, check your spotify account and there will be a top 50 song playlist waiting for you. And guess what you can generate a new updated playlist anytime you want. "Yo!? okay that's really awesome... but what if I get bored of listening to the same songs again and again??? I mean the playlist will really only update after some time when I have listened to a lot more song and artists. What do I listen to until then? Can't just listen to the same playlist I'll get bored but also can't listen to new random songs cause I'm not a fan of discovering new music since I usually don't like it." I- I literally have the perfect solution for that. Just click on the other button AND THEN BOOM, new playlist waiting for you in your library full of random songs which are generated from your library in Spotify. So fresh beats, but not unfamiliar ones. And did I tell you every time you hit the button it'll create a new one completely different from the previous!?

How I built it

I have never done backend before, so this was stupid hard. Seriously, I spent wayyy too long doing authorization code flow, whatever that is. It was somewhat painful but omg the end result was worth it. I used vanilla js html css and I also used a library called spotify-web-api-js to fetch all the data and stuff. 6-7 hours left on the clock and I am done with the backend of the project. The entire frontend is empty, but my teammate said he would do it before deadline. 10 minutes later I get a ping, and I opened the message.

Challenges I ran into

It was my teammate saying he unfortunately couldn't do the frontend for so and so reason. That was truly terrible wasn't it? Well I low-key just gave up and felt super down. Skip a couple hours later and there are only 4 hours left in the hackathon. I am staring at my empty CSS file and feeling absolutely horrible. I had worked so so hard on the backend, all for nothing.

Accomplishments that I am proud of

I was about to go to sleep when my brain said, "YOLO, just try", crazily enough, I sat back on my desk and just started working on the frontend. I had no ideas for design so I just winged it. I just wrote CSS and just kept on writing and writing and had no idea if it would finish or what I was doing. 2 hours and 121 lines of css later, I pressed enter to push the code.

What I learned

This is going to sound quite cheesy but oh well. Do not give up, seriously just give it another try, you might get unexpected results. Just sit down and do it (This method won't work for people who are trying to run a marathon because well, you kinda need to stand for it)