/modular-drum-app

Demo files for Net Magazine #268, 'Building A Drum Machine With Backbone.js'.

Primary LanguageJavaScript

modular-drum-app

Demo files for building a simple drum machine using modular architecture principles.

As seen in Net Magazine #268, 'Building A Drum Machine With Backbone.js'.

Screencast about the modular approach behind the project: https://www.youtube.com/watch?v=faaIzKr-w9E

App screenshot

Initial CodePen version that this was based on: https://codepen.io/njmcode/pen/PwaXwB

Setup

The repo includes a pre-built JavaScript bundle for testing.

If you have Python installed, open a terminal in the repo root and run python -m SimpleHTTPServer to serve the files on a localhost port (:8000 by default).

Alternatively you can run the repo from within a regular *AMP setup.

Editing

Install Node and Gulp.

Run npm install from the root. This will install Browserify, Backbone and all other dependencies.

Run gulp from the root to build the JavaScript and start a watcher that will re-build if the files change. JavaScript is bundled and output to the dist directory.