diff --git a/components/Emails.js b/components/Emails.js
index e3395af..fc4f8ec 100644
--- a/components/Emails.js
+++ b/components/Emails.js
@@ -1,5 +1,7 @@
 import React, { Component, PropTypes } from 'react'
 import { connect } from 'react-redux'
+import koConnect from '../utils/koConnect.js'
+import store from '../store/configureStore'
 
 import MoveEmail from './MoveEmail'
 
@@ -58,3 +60,11 @@ const mapDispatchToProps = function(dispatch) {
 }
 
 export default connect(mapStateToProps, mapDispatchToProps)(Emails);
+
+const emailsViewModel = function() {
+  this.emails = ko.observableArray([]);
+  this.fetchedAt = ko.observable(null);
+  koConnect(this, store, mapStateToProps, mapDispatchToProps);
+}
+
+export { emailsViewModel };
diff --git a/index.html b/index.html
index 95993f2..e5234b5 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-debug.js"></script>
+    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
     <title>Redux Skeleton</title>
     <style>
       div.openEmail {
@@ -31,5 +33,29 @@
     <div class="app" id="root">
     </div>
     <script src="/static/bundle.js"></script>
+
+
+    <div id="ko">
+      <h1>Emails (fetched at <span data-bind="text: fetchedAt"></span></h1><button data-bind="click: fetchEmails">Fetch</button>
+      <table>
+        <thead>
+          <tr>
+            <th>Subject</th>
+            <th>Sender</th>
+            <th>Folder</th>
+            <th>Delete</th>
+          </tr>
+        </thead>
+        <tbody data-bind="foreach: emails">
+          <tr>
+            <td data-bind="text: subject"></td>
+            <td data-bind="text: sender"></td>
+            <td data-bind="text: folderName"></td>
+            <td><button data-bind="click: function(email) { $parent.removeEmail(email.id) }")>Delete</button></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
   </body>
 </html>
diff --git a/index.js b/index.js
index 42af046..d865f26 100644
--- a/index.js
+++ b/index.js
@@ -3,13 +3,13 @@ import { render } from 'react-dom'
 import { Provider } from 'react-redux'
 import { DevTools, LogMonitor, DebugPanel } from 'redux-devtools/lib/react';
 import App from './containers/App'
-import configureStore, { USE_DEV_TOOLS } from './store/configureStore'
+import store, { USE_DEV_TOOLS } from './store/configureStore'
 import { Route, Router as RealRouter } from 'react-router'
 import * as actions from './actions/';
 import emailApp from './emailApp'
 import Folders from './components/Folders'
 import Folder from './components/Folder'
-import Emails from './components/Emails'
+import Emails, { emailsViewModel } from './components/Emails'
 import EmailPreview from './components/EmailPreview'
 import Counter from './components/Counter'
 import generatePageLoaders from './pageLoaders'
@@ -29,7 +29,6 @@ class Router extends RealRouter {
 }
 
 window.emailApp = emailApp;
-const store = configureStore();
 
 const pageLoaders = generatePageLoaders(store.dispatch);
 
@@ -58,3 +57,9 @@ render(
   </div>,
   rootElement
 )
+
+const vm = new emailsViewModel();
+
+$(document).ready(function() {
+  ko.applyBindings(vm, $('#ko')[0]);
+});
diff --git a/store/configureStore.js b/store/configureStore.js
index 420b5aa..234964b 100644
--- a/store/configureStore.js
+++ b/store/configureStore.js
@@ -5,7 +5,7 @@ import thunk from 'redux-thunk';
 
 export const USE_DEV_TOOLS = true;
 
-export default function configureStore(initialState) {
+let configureStore = function(initialState) {
   let composed = compose(applyMiddleware(thunk));
   if(USE_DEV_TOOLS) {
     composed = compose(composed, devTools());
@@ -21,3 +21,5 @@ export default function configureStore(initialState) {
 
   return store
 }
+
+export default configureStore();
diff --git a/utils/koConnect.js b/utils/koConnect.js
new file mode 100644
index 0000000..158e6c6
--- /dev/null
+++ b/utils/koConnect.js
@@ -0,0 +1,22 @@
+const koConnect = function(viewModel, store, mapStateToProps, mapDispatchToProps) {
+  const applyState = function() {
+    const calculatedStateProps = mapStateToProps(store.getState());
+    Object.keys(calculatedStateProps).forEach((key) => {
+      if(viewModel[key]) {
+        viewModel[key](calculatedStateProps[key])
+      }
+    });
+
+    const calculatedDispatchProps = mapDispatchToProps(store.dispatch);
+    Object.keys(calculatedDispatchProps).forEach((key) => {
+      viewModel[key] = calculatedDispatchProps[key];
+    });
+  }
+  store.subscribe(function() {
+    applyState();
+  });
+  applyState();
+}
+
+
+export default koConnect;
