diff --git a/js/app.jsx b/js/app.jsx
index d7b2276..933d3bc 100644
--- a/js/app.jsx
+++ b/js/app.jsx
@@ -11,6 +11,7 @@ var app = app || {};
   app.ALL_TODOS = 'all'
   app.ACTIVE_TODOS = 'active'
   app.COMPLETED_TODOS = 'completed'
+  app.HOME_TODOS = 'home'
   var TodoFooter = app.TodoFooter
   var TodoItem = app.TodoItem
 
@@ -30,7 +31,8 @@ var app = app || {};
       var router = Router({
         '/': setState.bind(this, { nowShowing: app.ALL_TODOS }),
         '/active': setState.bind(this, { nowShowing: app.ACTIVE_TODOS }),
-        '/completed': setState.bind(this, { nowShowing: app.COMPLETED_TODOS })
+        '/completed': setState.bind(this, { nowShowing: app.COMPLETED_TODOS }),
+        '/home': setState.bind(this, { nowShowing: app.HOME_TODOS })
       })
       router.init('/')
     },
@@ -91,8 +93,10 @@ var app = app || {};
 
       var shownTodos = todos.filter(function (todo) {
         switch (this.state.nowShowing) {
+          case app.HOME_TODOS:
+            return todo.title.split(':')[0] === 'home'
           case app.ACTIVE_TODOS:
-            return !todo.completed
+            return todo.completed
           case app.COMPLETED_TODOS:
             return todo.completed
           default:
diff --git a/js/footer.jsx b/js/footer.jsx
index 6a66199..9f222b0 100644
--- a/js/footer.jsx
+++ b/js/footer.jsx
@@ -57,6 +57,15 @@ var app = app || {};
 									Completed
               </a>
             </li>
+            {' '}
+            <li>
+              <a
+                href='#/home'
+                className={classNames({ selected: nowShowing === app.HOME_TODOS })}
+              >
+									Home
+              </a>
+            </li>
           </ul>
           {clearButton}
         </footer>