JukeBoard

JukeBoard is an interactive web application that allows you to upload memes, tunes and songs where you can play them from the palm of your hand.

Comment

💫 Inspiration

Ever heard a great opening act or transition between acts from an MC? Sometimes it's hilarious and other times it really hypes up the artist that plays after. To me, I always loved the sound effects that play after a running joke and play songs that can hype people up at the right moment. Even in meme culture, for example you'll see memes where the Vine boom sound effect play after something cringe happens. That's why I created JukeBoard.

😮 What JukeBoard does

JukeBoard is essentially a digital soundboard that runs on a web application. You can upload your own audio files and play them at the press of a button anytime. Let's say your friend is lagging in your call, you'll probably want to play a lagging internet sound. Maybe you want to quickly jam to ABBA with your friends. Press that button and sing your hearts out. It's all about having the time of your life!

🔨 How we built it

While the weekend has been a busy one, I wanted to actually start up a project where I create a CRUD app from scratch by myself. I have worked with Node/Express and React, but I wanted to build something from the ground up myself to see how an MVC architecture works and the nitty gritty between the client and the server.

😰 Challenges we ran into

  • Primarily time. This was the first hackathon that I completed by myself, so it was a little daunting.
  • I had a few issues regarding how React works as the view and is served to the client through the server, so understanding the MVC architecture was a bit of a challenge.
  • Designing good endpoints to structure the project.
  • react-router v6 was new to me

😤 Accomplishments that I'm proud of

Currently, I'm proud that I have something to work on and tinker with to expand my knowledge. I'm able to build up my understanding of how the web works and hopefully, I'll be able to use this knowledge to not only become a better UI/UX designer, but a systems designer as well!

🧠 What I learned

It was interesting to follow clients request all the way to the backend and I can better understand the types of these requests and the constraints of the different kinds.

💙 What's next for JukeBoard

I want to ensure that the CRUD functionality works, expand that to a database and take it to the cloud where I can deploy it. I'm also curious with NGINX, but that's a lot to focus on. It's one step at a time and this is the first step.

Share this project:

Updates