diff --git a/resources/projects.js b/resources/projects.js
index 85f6cf3..91c517c 100644
--- a/resources/projects.js
+++ b/resources/projects.js
@@ -3,17 +3,20 @@
 var _ = require('underscore'),
 	project = require('../lib/project');
 
-var projects;
+var projects,
+	projectConfigs;
+
 project.loadAll('projects', function(err, loadedProjects) {
 	if (err) throw err;
 	projects = loadedProjects;
-	console.log('Loaded projects: ', _(projects).map(function(project) {
-		return project.config.name;
-	}));
+	projectConfigs = _(projects).pluck('config');
+	console.log('Loaded projects: ', _(projectConfigs).pluck('name'));
 });
 
 module.exports = function(data) {
-	var projects = [{
-		name: 'foo'
-	}];
+	var resource = data.resource('projects');
+
+	resource.use('read', function(req, res) {
+		res.send(projectConfigs);
+	});
 };
diff --git a/static/js/app/app.js b/static/js/app/app.js
index 31d9354..c9e5925 100644
--- a/static/js/app/app.js
+++ b/static/js/app/app.js
@@ -1,5 +1,15 @@
 'use strict';
 
-define(['react'], function(React) {
-	console.log(React);
+define([
+	'react', 'socketio', 'dataio'
+], function(
+	React, socketio, dataio
+) {
+	// 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)
+	});
 });
diff --git a/static/js/main.js b/static/js/main.js
index 74d68ae..ac8911b 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -3,6 +3,8 @@
 require.config({
 	baseUrl: '/js/',
 	paths: {
-		'react': 'libs/react/react-with-addons',
+		react: 'libs/react/react-with-addons',
+		dataio: '/data.io',
+		socketio: '/socket.io/socket.io.js'
 	}
 });