diff --git a/package.json b/package.json
index b94d22e..40a436b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "storyboard-vue",
+  "name": "storyboard",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..61de7bf 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/App.vue b/src/App.vue
index 3943904..1bc664b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,12 @@
   <div id="app">
     <div id="nav">
       <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
+      <router-link to="/about">About</router-link> |
+      <router-link to="/story">Stories</router-link> |
+      <router-link to="/board">Boards</router-link> |
+      <router-link to="/worklist">Worklists</router-link> |
+      <router-link to="/project">Projects</router-link> |
+      <router-link to="/project-group">Project Groups</router-link>
     </div>
     <router-view/>
   </div>
diff --git a/src/router/index.js b/src/router/index.js
index d36779e..5fa63d2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,6 +17,31 @@ const routes = [
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
+  },
+  {
+    path: '/story',
+    name: 'Stories',
+    component: () => import(/* webpackChunkName: "story" */ '../views/Story.vue')
+  },
+  {
+    path: '/board',
+    name: 'Boards',
+    component: () => import(/* webpackChunkName: "board" */ '../views/Board.vue')
+  },
+  {
+    path: '/worklist',
+    name: 'Worklists',
+    component: () => import(/* webpackChunkName: "worklist" */ '../views/Worklist.vue')
+  },
+  {
+    path: '/project',
+    name: 'Projects',
+    component: () => import(/* webpackChunkName: "project" */ '../views/Project.vue')
+  },
+  {
+    path: '/project-group',
+    name: 'Project Groups',
+    component: () => import(/* webpackChunkName: "projectgroup" */ '../views/ProjectGroup.vue')
   }
 ]
 
diff --git a/src/views/Board.vue b/src/views/Board.vue
new file mode 100644
index 0000000..e7209b1
--- /dev/null
+++ b/src/views/Board.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Board list here</h1>
+  </div>
+</template>
diff --git a/src/views/Project.vue b/src/views/Project.vue
new file mode 100644
index 0000000..36df0a9
--- /dev/null
+++ b/src/views/Project.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Project list here</h1>
+  </div>
+</template>
diff --git a/src/views/ProjectGroup.vue b/src/views/ProjectGroup.vue
new file mode 100644
index 0000000..4277741
--- /dev/null
+++ b/src/views/ProjectGroup.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Project Group here</h1>
+  </div>
+</template>
diff --git a/src/views/Story.vue b/src/views/Story.vue
new file mode 100644
index 0000000..6f08592
--- /dev/null
+++ b/src/views/Story.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Story list here</h1>
+  </div>
+</template>
diff --git a/src/views/Worklist.vue b/src/views/Worklist.vue
new file mode 100644
index 0000000..44ae71a
--- /dev/null
+++ b/src/views/Worklist.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>Worklist list here</h1>
+  </div>
+</template>