diff --git a/static/js/app/app.js b/static/js/app/app.js
index c9e5925..1eb69db 100644
--- a/static/js/app/app.js
+++ b/static/js/app/app.js
@@ -1,15 +1,20 @@
 'use strict';
 
 define([
-	'react', 'socketio', 'dataio'
+	'underscore', 'react', 'socketio', 'dataio'
 ], function(
-	React, socketio, dataio
+	_, React, socketio, dataio
 ) {
+	var contentEl = window.document.getElementById('content');
+
 	// console.log(React, socketio, dataio);
 	var connect = dataio(socketio.connect());
 
 	var projects = connect.resource('projects');
 	projects.sync('read', function(err, projects) {
-		console.log('>>> err, projects = ', err, projects)
+		contentEl.innerHTML = (
+			(err && err.message) ||
+			('Loaded projects: ' + _(projects).pluck('name').join(', '))
+		);
 	});
 });
diff --git a/static/js/main.js b/static/js/main.js
index ac8911b..c3515b3 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -3,6 +3,7 @@
 require.config({
 	baseUrl: '/js/',
 	paths: {
+		underscore: 'libs/underscore/underscore',
 		react: 'libs/react/react-with-addons',
 		dataio: '/data.io',
 		socketio: '/socket.io/socket.io.js'
diff --git a/views/index.jade b/views/index.jade
index 7f4c9cc..1cf6e7e 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -8,3 +8,5 @@ html
 
 	body
 		h1 hello world
+
+		#content