Inspiration

When we got to know about this Hackathon and we found out about the Retro Throwback track, we all were truly excited to build this project. We wanted to create retro Record player but digital.

What it does

It is a website which has a Search bar and a Record player, the user searches for songs through the search bar and the search results are displayed on the website which are sourced from YouTube through ytsr. In a list of search results when the user selects a song, a vinyl record for the song pops out like a CD from the slot under the results. This record is draggable and when the user drags and drops the record onto the record player it starts spinning and the music starts playing in the background.

How we built it

We built it using HTML, CSS, JS, React native and YouTube. HTML, CSS and React were used for the UI development and JS was used to fetch data from Youtube using the YouTube API.

Challenges we ran into

We ran into many challenges during the development process. First of all, we had to find a good music playback API which was very hard to find, we couldn't find any that works as we expected it to work. At last we found a Spotify Web Playback SDK which worked only with Spotify Premium Accounts, so we bought the premium for one week but after the purchase we found out that it didn't work too. Besides this, we also faced issues with time zones as our team members were based in America and India. Also we also faced some unusual circadian cycles.

What we learned

We learnt a lot of new skills and also had great fun building it. After all, participation and the experience matters the most rather than awards and winners.

What's next for Jukebox

We have many things planned for Jukebox, First off we want to make it more functional and dynamic by adding more features and interactiveness to it. We have a lot of features planned already, we were short on time so we couldn't implement much of them as we were focusing on creating a Minimal Viable Product (MVP) first.

Share this project:

Updates