Audio Backpack

Music collection app, Winter 2014/2015

Music educators often have a difficult time finding music that is of good quality, easily aggregated, and not rights-encumbered for use in their lessons. This web app aims to solve these problems.

The staff of Classical MPR has a wealth of knowledge about classical music and is very focused on music education. They identified and cut over 200 different segments of audio that exemplify different musical concepts.

The web application I designed and built to share these clips and allow educators to search, save, and share them was based on ember.js and bootstrap. This was one of the first true client-side only projects I have done; I went in a critic of this methodology and came away a believer. We use prerender.io to make sure that we send full HTML down the wire to sharing services and search engines.

audio backpack home

audio backpack search

audio backpack playlist

I worked with our back-end software developers to create a new playlist API that is used for this project. User accounts are created through a new OAUTH2 service that we set up. This service will be used for future projects to federate all user logins to one central service and will eventually be tied in with our CRM.

Visit site