Technologies Used

This project was built in React with TypeScript, and Node.js, using an Amazon Web Services S3 bucket for storing songs. Currently deployed here on Netlify.

Development Process & Motivation

I wanted to build a music player with all the basic media controls, including playback and volume sliders to eventually build a reactive music visualizer. Spotify is probably my favorite app; it has a clean simple interface and is easy to use so I wanted to copy it as closely as I can.

Challenges & Solutions

My biggest challenge here was working with the sliders to update the runtime and volume in real-time. Once I figured out one though, the same applied to the other slider, and now the components are easily reusable elsewhere. I like the small details, so my favorite feature is how the mute button saves the volume in state for when you unmute.

Future Plans & Improvements

There are some slight bugs I need to fix, but I want to add a playlist functionality and a way to upload songs.

Keep up with the latest updates on this project by following here.