diff --git a/examples/server.yml b/examples/server.yml
index 9973aad..54df98d 100644
--- a/examples/server.yml
+++ b/examples/server.yml
@@ -1,6 +1,6 @@
 ---
 agents:
-  'local':
+  'Local':
     url: 'http://localhost:9000'
   'Duplicate Local':
     url: 'http://localhost:9000'
diff --git a/sqlx-data.json b/sqlx-data.json
index d657fa5..6a65b7a 100644
--- a/sqlx-data.json
+++ b/sqlx-data.json
@@ -186,6 +186,36 @@
     },
     "query": "SELECT * FROM scm_info WHERE uuid = ?"
   },
+  "8482da66fb4c815cf21576e0b5c8121f5cb3a96b0a3f5e8241dbd677860c62af": {
+    "describe": {
+      "columns": [
+        {
+          "name": "uuid",
+          "ordinal": 0,
+          "type_info": "Text"
+        },
+        {
+          "name": "name",
+          "ordinal": 1,
+          "type_info": "Text"
+        },
+        {
+          "name": "created_at",
+          "ordinal": 2,
+          "type_info": "Datetime"
+        }
+      ],
+      "nullable": [
+        false,
+        false,
+        false
+      ],
+      "parameters": {
+        "Right": 0
+      }
+    },
+    "query": "SELECT * FROM projects"
+  },
   "980b3cb885d26d06b4178df215617e26aecd79f4d813df14770ec8ae540d0ce2": {
     "describe": {
       "columns": [
diff --git a/src/server/dao.rs b/src/server/dao.rs
index 6e072f6..dad9fdd 100644
--- a/src/server/dao.rs
+++ b/src/server/dao.rs
@@ -3,11 +3,12 @@
  */
 
 use chrono::{DateTime, NaiveDateTime, Utc};
+use serde::Serialize;
 use sqlx::sqlite::SqliteQueryResult;
 use sqlx::{Sqlite, SqlitePool, Transaction};
 use uuid::Uuid;
 
-#[derive(Clone, Debug)]
+#[derive(Clone, Debug, Serialize)]
 pub struct Project {
     uuid: String,
     name: String,
@@ -39,6 +40,12 @@ impl Project {
             .await
     }
 
+    pub async fn list(pool: &SqlitePool) -> Result<Vec<Project>, sqlx::Error> {
+        sqlx::query_as!(Project, "SELECT * FROM projects")
+            .fetch_all(pool)
+            .await
+    }
+
     pub async fn create(
         project: &Project,
         tx: &SqlitePool,
diff --git a/src/server/main.rs b/src/server/main.rs
index 67ee42d..59c372a 100644
--- a/src/server/main.rs
+++ b/src/server/main.rs
@@ -241,8 +241,12 @@ async fn main() -> Result<(), tide::Error> {
      */
     app.at("/apidocs").serve_dir("apidocs/")?;
     app.at("/static").serve_dir("static/")?;
+
     debug!("Configuring routes");
     app.at("/").get(routes::index);
+    app.at("/project/:name").get(routes::project);
+
+    debug!("Configuring API routes");
     app.at("/api/v1/projects/:name")
         .post(routes::api::execute_project);
     app.listen(opts.listen).await?;
diff --git a/src/server/routes.rs b/src/server/routes.rs
index 19bdda2..3411276 100644
--- a/src/server/routes.rs
+++ b/src/server/routes.rs
@@ -15,6 +15,7 @@ pub async fn index(req: Request<AppState<'_>>) -> Result<Body, tide::Error> {
         "page": "home",
         "agents" : req.state().agents,
         "config" : req.state().config,
+        "projects" : crate::dao::Project::list(&req.state().db).await?,
     });
 
     let mut body = req.state().render("index", &params).await?;
@@ -22,6 +23,20 @@ pub async fn index(req: Request<AppState<'_>>) -> Result<Body, tide::Error> {
     Ok(body)
 }
 
+/**
+ * GET /project/:name
+ */
+pub async fn project(req: Request<AppState<'_>>) -> Result<Body, tide::Error> {
+    let name: String = req.param("name")?.into();
+    let params = json!({
+        "name" : name,
+    });
+
+    let mut body = req.state().render("project", &params).await?;
+    body.set_mime("text/html");
+    Ok(body)
+}
+
 pub mod api {
     use crate::{AppState, JankyYml, Scm};
     use log::*;
diff --git a/views/index.hbs b/views/index.hbs
index eda6dd3..ba16ae3 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -43,16 +43,15 @@
                                 <strong>Actions</strong>
                             </td>
                             </thead>
-                        {{#each config.projects}}
+                        {{#each projects}}
                             <tr>
                                 <td>
-                                    <a class="text-reset" href="/projects/{{@key}}"><strong>{{@key}}</strong></a>
+                                    <a class="text-reset" href="/project/{{this.name}}"><strong>{{this.name}}</strong></a>
                                 </td>
                                 <td>
-                                    {{this.description}}
                                 </td>
                                 <td>
-                                    <form method="POST" action="/api/v1/projects/{{@key}}">
+                                    <form method="POST" action="/api/v1/projects/{{this.name}}">
                                         <input type="submit" value="Execute"/>
                                     </form>
                                 </td>
diff --git a/views/project.hbs b/views/project.hbs
new file mode 100644
index 0000000..ade1387
--- /dev/null
+++ b/views/project.hbs
@@ -0,0 +1,28 @@
+<!doctype html>
+<html lang="en">
+  <head>
+      <title>Janky - {{name}}</title>
+      <link type="text/css" rel="stylesheet" href="/static/bootstrap.min.css"/>
+      <script src="/static/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
+
+  </head>
+
+  <body class="text-center">
+    {{> _navbar }}
+
+    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
+        <div class="row">
+            <div class="col col-sm-2">
+                Links go here
+            </div>
+            <div class="col col-lg">
+                <main role="main" class="inner cover"> <div id="projects">
+                    Runs go here 
+                </main>
+            </div>
+        </div>
+    </div>
+  </body>
+</html>
+
+