diff --git a/app/models/index.js b/app/models/index.js
index 453c9b8..6c3f318 100644
--- a/app/models/index.js
+++ b/app/models/index.js
@@ -2,6 +2,7 @@ import Model, { attr } from '@ember-data/model';
 
 export default class IndexModel extends Model {
   @attr('string') primaryKey;
+  @attr('string') name;
   @attr('date') createdAt;
   @attr('date') updatedAt;
 }
diff --git a/app/router.js b/app/router.js
index e684887..fd9ed51 100644
--- a/app/router.js
+++ b/app/router.js
@@ -6,4 +6,8 @@ export default class Router extends EmberRouter {
   rootURL = config.rootURL;
 }
 
-Router.map(function () {});
+Router.map(function () {
+  this.route('indexes', function() {
+    this.route('index_element', { path: '/:index_id' });
+  });
+});
diff --git a/app/routes/index.js b/app/routes/index.js
new file mode 100644
index 0000000..e52844e
--- /dev/null
+++ b/app/routes/index.js
@@ -0,0 +1,10 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class IndexRoute extends Route {
+  @service router;
+
+  beforeModel() {
+    this.router.transitionTo('indexes');
+  }
+}
diff --git a/app/routes/application.js b/app/routes/indexes.js
similarity index 65%
rename from app/routes/application.js
rename to app/routes/indexes.js
index 8bacc07..a1d66c0 100644
--- a/app/routes/application.js
+++ b/app/routes/indexes.js
@@ -1,6 +1,6 @@
 import Route from '@ember/routing/route';
 
-export default class ApplicationRoute extends Route {
+export default class IndexesRoute extends Route {
   model() {
     return this.store.findAll('index');
   }
diff --git a/app/routes/indexes/index-element.js b/app/routes/indexes/index-element.js
new file mode 100644
index 0000000..e720547
--- /dev/null
+++ b/app/routes/indexes/index-element.js
@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default class IndexesIndexElementRoute extends Route {
+}
diff --git a/app/templates/indexes.hbs b/app/templates/indexes.hbs
new file mode 100644
index 0000000..608b0f4
--- /dev/null
+++ b/app/templates/indexes.hbs
@@ -0,0 +1,18 @@
+{{page-title "Indexes"}}
+
+<div class="flex flex-row min-h-screen w-full">
+  <aside class="flex flex-col w-64">
+    <nav class="menu">
+      <ul>
+        {{#each @model as |item|}}
+          <li>
+            <LinkTo @route="indexes.index_element" @model={{item}}>{{item.name}}</LinkTo>
+          </li>
+        {{/each}}
+      </ul>
+    </nav>
+  </aside>
+  <main class="main flex flex-col flex-grow">
+    {{outlet}}
+  </main>
+</div>
diff --git a/app/templates/indexes/index-element.hbs b/app/templates/indexes/index-element.hbs
new file mode 100644
index 0000000..7e1c979
--- /dev/null
+++ b/app/templates/indexes/index-element.hbs
@@ -0,0 +1,2 @@
+{{page-title "IndexElement"}}
+{{outlet}}
\ No newline at end of file
diff --git a/tests/unit/routes/index-test.js b/tests/unit/routes/index-test.js
new file mode 100644
index 0000000..eaaac17
--- /dev/null
+++ b/tests/unit/routes/index-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | index', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:index');
+    assert.ok(route);
+  });
+});
diff --git a/tests/unit/routes/indexes-test.js b/tests/unit/routes/indexes-test.js
new file mode 100644
index 0000000..dee0187
--- /dev/null
+++ b/tests/unit/routes/indexes-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | indexes', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:indexes');
+    assert.ok(route);
+  });
+});
diff --git a/tests/unit/routes/indexes/index-element-test.js b/tests/unit/routes/indexes/index-element-test.js
new file mode 100644
index 0000000..1d2a527
--- /dev/null
+++ b/tests/unit/routes/indexes/index-element-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | indexes/index_element', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:indexes/index-element');
+    assert.ok(route);
+  });
+});