A Bandcamp inspired website, where users can upload, download, and stream music. Built mobile-first and optimized for all devices.

Desktop	Mobile

In order to replicate Bandcamp's music player, I had to strip away the styling from the default HTML5 Audio Element and then implement my own custom controls using JavaScript.

Providing custom validation error messages to the user instead of the default from Ruby on Rails required me to create a class that inherited from ActiveModel::Validator. This example shows my implementation of custom error messages for the user sign up page.

Run the follow commands in separate terminal tabs.

Run the Rails back end:

rails server

Run the React front end:

npm start