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

🎶 Check out the website!

🔧 Technologies and Tools

Back-end

Front-end

Misc

💻 Demo

Responsive Design

Desktop	Mobile

Search Functionality

Download Music

Upload Music

🔍 Code Samples

Audio Player

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.

Custom Back-end Validations

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 Locally

Run the follow commands in separate terminal tabs.

Run the Rails back end:

rails server

Run the React front end:

npm start