An example Ember.js app, a demo version of Rock and Roll with Ember.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Upgrade Ember & Co to 2.13 Jun 15, 2017
comps Modify comp for Episode 6 that shows the two-step song creation process Oct 17, 2013
config Upgrade Ember & Co to 2.13 Jun 15, 2017
css Indicate loading of data from backend Jun 15, 2014
fonts Additional comps for empty messages Sep 4, 2013
images Indicate loading of data from backend Jun 15, 2014
mirage Add the option of deleting songs Jun 9, 2017
server Use Mirage to seed the app with data Feb 23, 2016
tests Upgrade Ember & Co to 2.13 Jun 15, 2017
.codeclimate.yml Exclude the top-level css directory for CodeClimate Nov 16, 2016
.eslintrc Add files for CodeClimate analysis Nov 16, 2016
.gitignore Ignore VSCode config files Jun 9, 2017
.jshintrc Upgrade Ember & Co to 2.9 Nov 9, 2016
.travis.yml Upgrade Ember & Co to 2.13 Jun 15, 2017
.watchmanconfig Upgrade to Ember & Co 2.3 Feb 12, 2016
LICENSE Create LICENSE Oct 22, 2013 Disable Fastboot as it doesn't seem to work with Mirage in Ember 2.12 Jun 15, 2017
bower.json Upgrade Ember & Co to 2.11 Jun 15, 2017 Revert to using the hashchange location Jan 21, 2014
ember-cli-build.js Upgrade Ember & Co to 2.12 Jun 15, 2017
index.html Have song creation be restarted when moving to another artist Jun 26, 2014
static.json Add Heroku buildpack configuration Nov 10, 2016
testem.js Upgrade Ember & Co to 2.12 Jun 15, 2017
yarn.lock Upgrade Ember & Co to 2.13 Jun 15, 2017

Build Status Code Climate

Rock & Roll with Ember.js - Demo version

This app is a smaller version of the app that is built in my Rock and Roll with Ember.js book.

It demoes a simple music catalogue where you can create bands and songs, and sort and rate the latter. Please don't try to use it to actually create an inventory of your music. All the data is stored in memory only and destroyed upon refresh.

You can check out the running app here.

Tech specs

The app aims to be running on a relatively recent, stable version of Ember.js (now that the LTS versions are announced, it will probably run on the latest LTS version) and contain several of the features the full app has.

  • It uses a relatively recent version of Ember Data.
  • There is no backend. The app uses the fantastic ember-cli-mirage addon to create some seed data and to mock out server responses. All data is ephemeral and destroyed on reload.
  • It strives to show idiomatic Ember and use ES2015 features, like destructuring and let.
  • It is deployed on Heroku.

Found a bug?

That's great, please submit a pull request.


I would like you to be able to do anything you wish with this code as long as you don't sell it, or anything that uses it (e.g a screencast). To that end, I chose the GPL v2 License which you find here in the repository and which is nicely summarized on

Feel free to fork it, play with it, share it with friends or use some code snippets in a presentation while you keep the license and the copyright notice in the repository.

Copyright (c) 2016 Balint Erdi