diff --git a/app/scripts/components/layouts/teacher-layout.jsx b/app/scripts/components/layouts/teacher-layout.jsx
index 23d09ef..9d57a37 100644
--- a/app/scripts/components/layouts/teacher-layout.jsx
+++ b/app/scripts/components/layouts/teacher-layout.jsx
@@ -17,6 +17,7 @@ let TeacherLayout = React.createClass({
                     <Nav eventKey={0} right>
                         <NavItemLink to="teacher-dashboard" eventKey={1}>Dashboard</NavItemLink>
                         <NavItemLink to="module-library" eventKey={2}>Module Library</NavItemLink>
+                        <NavItemLink to="change-module" eventKey={3}>Add/edit modules</NavItemLink>
                         {/* TODO(neel): make this actually log out */}
                         <NavItemLink to="teacher-login" eventKey={3}>Log Out</NavItemLink>
                     </Nav>
diff --git a/app/scripts/components/views/teacher-add-module-view.jsx b/app/scripts/components/views/teacher-add-module-view.jsx
new file mode 100644
index 0000000..b967d10
--- /dev/null
+++ b/app/scripts/components/views/teacher-add-module-view.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import {ListGroupItemLink} from 'react-router-bootstrap';
+import {PageHeader, ListGroup, ListGroupItem} from 'react-bootstrap';
+
+/**
+ * Renders a page from which you can create a new module.
+ */
+ let TeacherAddModuleView = React.createClass({
+
+     render: function() {
+         return (
+             <ButtonLink
+                     to=""
+                     bsStyle="primary"
+                     bsSize="large"
+                     block>
+                 Dummy 1
+             </ButtonLink>
+         );
+     }
+ });
+
+ export default TeacherAddModuleView;
diff --git a/app/scripts/components/views/teacher-edit-module-view.jsx b/app/scripts/components/views/teacher-edit-module-view.jsx
new file mode 100644
index 0000000..92b3a09
--- /dev/null
+++ b/app/scripts/components/views/teacher-edit-module-view.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import {ListGroupItemLink} from 'react-router-bootstrap';
+import {PageHeader, ListGroup, ListGroupItem} from 'react-bootstrap';
+
+/**
+ * Renders a page from which you can edit a module.
+ */
+ let TeacherAddModuleView = React.createClass({
+
+     render: function() {
+         return (
+             <ButtonLink
+                     to=""
+                     bsStyle="primary"
+                     bsSize="large"
+                     block>
+                 Dummy 1
+             </ButtonLink>
+         );
+     }
+ });
+
+ export default TeacherEditModuleView;
diff --git a/app/scripts/router.jsx b/app/scripts/router.jsx
index 77ad28f..628969f 100644
--- a/app/scripts/router.jsx
+++ b/app/scripts/router.jsx
@@ -20,6 +20,8 @@ import StudentLoginView from './components/views/student-login-view';
 import TeacherDashboardView from './components/views/teacher-dashboard-view';
 import TeacherLoginView from './components/views/teacher-login-view';
 import NotFoundView from './components/views/not-found-view';
+import TeacherAddModuleView from './components/views/teacher-add-module-view';
+import TeacherEditModuleView from './components/views/teacher-edit-module-view';
 
 let routes = (
     <Route handler={TopLayout} name="top-layout" path="/">
@@ -44,6 +46,10 @@ let routes = (
                 <DefaultRoute handler={ModuleLibraryView} name="module-library"/>
             </Route>
 
+            <Route handler={TeacherAddModuleView} name="add-module" path="module_new" />
+
+            <Route handler={TeacherEditModuleView} name="edit-module" path="module_edit" />
+
             <Route handler={CreateClassView} name="create-class" path="create/class"/>
             <Route handler={CreateModuleView} name="create-module" path="create/module"/>