diff --git a/assets/js/application.js b/assets/js/application.js
new file mode 100644
index 0000000..d4bca60
--- /dev/null
+++ b/assets/js/application.js
@@ -0,0 +1,7 @@
+var App = Ember.Application.create();
+
+App.QueueRoute = Ember.Route.extend({
+  model: function() {
+    return Ember.$.getJSON('/api/queue');
+  }
+});
diff --git a/assets/js/mpd-client.js b/assets/js/mpd-client.js
new file mode 100644
index 0000000..2483cfa
--- /dev/null
+++ b/assets/js/mpd-client.js
@@ -0,0 +1,7 @@
+//= require ./libs/jquery-1.10.2.min
+//= require ./libs/handlebars-1.0.0
+//= require ./libs/ember
+//= require ./libs/ember-data
+
+//= require ./application.js
+//= require ./router.js
diff --git a/assets/js/router.js b/assets/js/router.js
new file mode 100644
index 0000000..9d3e5b3
--- /dev/null
+++ b/assets/js/router.js
@@ -0,0 +1,3 @@
+App.Router.map(function () {
+  this.route('queue');
+});
diff --git a/views/index.erb b/views/index.erb
index 2ab4817..e85a8a7 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -6,9 +6,20 @@
 
   <body>
 
-    <script src="js/libs/jquery-1.10.2.min.js"></script>
-    <script src="js/libs/handlebars-1.0.0.js"></script>
-    <script src="js/libs/ember.js"></script>
-    <script src="js/libs/ember-data.js"></script>
+    <script type="text/x-handlebars" data-template-name="application">
+      <h1>MPD Client</h1>
+      {{ outlet }}
+    </script>
+
+    <script type="text/x-handlebars" data-template-name="queue">
+      <h2>Queue</h2>
+      <ul>
+      {{#each song in controller}}
+        <li>{{ song.artist }} - {{ song.title }}</li>
+      {{/each}}
+      </ul>
+    </script>
+
+    <%= javascript_tag 'mpd-client' %>
   </body>
 </html>
