I love to listen to lofi hip hop, a genre that has gained a lot of popularity in recent years as relaxing music. YouTube is filled with many great channels that have their own "24/7 lofi hip hop" livestreams for anyone to open up and be able to relax to. Since these livestreams are generally titled "lofi hip hop radio", I decided to take it a step further, and make a site where people could treat the streams as stations - jumping between each one if they don't like the current song.

What it does

The site allows users to switch between YouTube livestreams.

How we built it

I used HTML, CSS, and JavaScript to create the site.

Challenges we ran into

Due to a family event Saturday and personal plans Sunday afternoon, I wasn't able to get as much coding in as I would have liked. This led to me not having time to implement features that I would have liked to - primarily the feature of allowing users to add their own YouTube URLs to customize what stations are available.

Accomplishments that we're proud of

This was my first website I've ever created, and although I had a decent grasp on HTML and CSS, I was learning JavaScript on the fly.

What we learned

I now have a much better understanding of JavaScript, and this has built a lot of confidence in both my programming skills and my web development skills, with this project sparking a much greater interest in the former, despite it being something I wasn't too interested in.

What's next for Lofi Radio

I'd still like to implement the stations feature, and so even after the hackathon ends, I plan to finish up development.

Built With

Share this project: