diff --git a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/app/app.ts b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/app/app.ts
index 7fcb1c9..85ed7ac 100644
--- a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/app/app.ts	
+++ b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/app/app.ts	
@@ -37,7 +37,7 @@ export class App {
             title: 'Contact List'
         },
         {
-            route: 'contact-detail/:id',
+            route: 'contact-detail/:id?',
             name: 'contactdetail',
             moduleId: '../contacts/contactDetail',
             nav: false,
diff --git a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.html b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.html
index 0acc077..5f96240 100644
--- a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.html	
+++ b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.html	
@@ -15,6 +15,9 @@ <h1>Contact Details</h1>
             <dd>${contact.email}</dd>
         </dl>
     </div>
+    <h3 if.bind="!hasContactId">
+        Place holder for creating a new contact
+    </h3>
     <a route-href="route: contactlist">Back to List</a>
     <hr />
 </template>
\ No newline at end of file
diff --git a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.ts b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.ts
index 0e771f2..aaadb9c 100644
--- a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.ts	
+++ b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactDetail.ts	
@@ -5,12 +5,20 @@ import { ContactService } from './contactService';
 @inject(ContactService)
 export class ContactDetail {
      contact: Contact;
+     hasContactId: boolean;
 
     constructor(private contactService: ContactService) { }
 
     activate(parms, routeConfig) {
-        return this.contactService.getById(parms.id)
-            .then(contact => this.contact = contact);
+        this.hasContactId = parms.id;
+
+        if (this.hasContactId) {
+            return this.contactService.getById(parms.id)
+                .then(contact => this.contact = contact);          
+        }
+
+        return null;
+
     }
 
 }
\ No newline at end of file
diff --git a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactList.html b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactList.html
index ee311bd..4baba41 100644
--- a/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactList.html	
+++ b/ASP.NET Core Basics/src/Aurelia/ClientApp/app/components/contacts/contactList.html	
@@ -2,6 +2,8 @@
     <h1>Contact List</h1>
 
     <p if.bind="!contacts"><em>Loading...</em></p>
+    
+    <a route-href="route: contactdetail">Create New Contact</a>
 
     <table class="table" if.bind="contacts">
         <thead>