diff --git a/src/routes/Todo/components/Todo.js b/src/routes/Todo/components/Todo.js
new file mode 100644
index 000000000..dcc70006b
--- /dev/null
+++ b/src/routes/Todo/components/Todo.js
@@ -0,0 +1,12 @@
+import React from 'react'
+
+export const Todo = (props) => (
+  <div style={{ margin: '0 auto' }} >
+    <h2>Todo</h2>
+  </div>
+)
+
+Todo.propTypes = {
+}
+
+export default Todo
diff --git a/src/routes/Todo/containers/TodoContainer.js b/src/routes/Todo/containers/TodoContainer.js
new file mode 100644
index 000000000..21c8665a1
--- /dev/null
+++ b/src/routes/Todo/containers/TodoContainer.js
@@ -0,0 +1,11 @@
+import { connect } from 'react-redux'
+
+import Todo from '../components/Todo'
+
+const mapDispatchToProps = {
+}
+
+const mapStateToProps = (state) => ({
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Todo)
diff --git a/src/routes/Todo/index.js b/src/routes/Todo/index.js
new file mode 100644
index 000000000..ff4fdd1c6
--- /dev/null
+++ b/src/routes/Todo/index.js
@@ -0,0 +1,16 @@
+import { injectReducer } from '../../store/reducers'
+
+export default (store) => ({
+  path : 'todo',
+  getComponent (nextState, cb) {
+    require.ensure([], (require) => {
+      const Todo = require('./containers/TodoContainer').default
+      const reducer = require('./modules/todo').default
+
+      injectReducer(store, { key: 'todo', reducer })
+
+      cb(null, Todo)
+
+    }, 'todo')
+  }
+})
diff --git a/src/routes/Todo/modules/todo.js b/src/routes/Todo/modules/todo.js
new file mode 100644
index 000000000..36ede21c6
--- /dev/null
+++ b/src/routes/Todo/modules/todo.js
@@ -0,0 +1,23 @@
+// ------------------------------------
+// Constants
+// ------------------------------------
+
+// ------------------------------------
+// Actions
+// ------------------------------------
+
+// ------------------------------------
+// Action Handlers
+// ------------------------------------
+const ACTION_HANDLERS = {
+}
+
+// ------------------------------------
+// Reducer
+// ------------------------------------
+const initialState = {}
+export default function todoReducer (state = initialState, action) {
+  const handler = ACTION_HANDLERS[action.type]
+
+  return handler ? handler(state, action) : state
+}
diff --git a/src/routes/index.js b/src/routes/index.js
index 5dc98b74a..3161918cb 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -2,6 +2,7 @@
 import CoreLayout from '../layouts/CoreLayout/CoreLayout'
 import Home from './Home'
 import CounterRoute from './Counter'
+import TodoRoute from './Todo'
 
 /*  Note: Instead of using JSX, we recommend using react-router
     PlainRoute objects to build route definitions.   */
@@ -11,7 +12,8 @@ export const createRoutes = (store) => ({
   component   : CoreLayout,
   indexRoute  : Home,
   childRoutes : [
-    CounterRoute(store)
+    CounterRoute(store),
+    TodoRoute(store),
   ]
 })