diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/Todo.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/Todo.cs
index d3579a4..360ab0e 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/Todo.cs
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/Todo.cs
@@ -8,14 +8,23 @@ namespace TodoApp.DataAccess.DataModels
     public class Todo
     {
         public long Id { get; set; }
+
         [Required]
         public string Name { get; set; }
+
         public string? Description { get; set; }
+
         public bool IsCompleted { get; set; }
+
         [Required]
         public DateTime CreatedTime { get; set; }
+
         public DateTime? CompletedTime { get; set; }
+
         [Required]
+        [ForeignKey("User")]
         public long CreatedUser { get; set; }
+
+        public virtual User? User { get; set; }
     }
 }
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/TodoContext.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/TodoContext.cs
index c171e01..41d6f7b 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/TodoContext.cs
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/TodoContext.cs
@@ -1,5 +1,6 @@
 using Microsoft.EntityFrameworkCore;
 using Microsoft.Extensions.Configuration;
+using System.Reflection.Metadata;
 
 namespace TodoApp.DataAccess.DataModels
 {
@@ -13,5 +14,12 @@ public TodoContext(DbContextOptions<TodoContext> options) : base(options) { }
         public string Name => nameof(TodoContext);
         public string Provider => nameof(Microsoft.EntityFrameworkCore);
 
+        protected override void OnModelCreating(ModelBuilder modelBuilder)
+        {
+            modelBuilder.Entity<User>()
+                        .HasData(
+                         new User { Id = 1, FirstName = "Admin", LastName = "Admin", Email = "indunilw@99x.io" });
+        }
+
     }
 }
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/User.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/User.cs
index 3890e54..8649f94 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/User.cs
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/DataModels/User.cs
@@ -8,13 +8,18 @@ namespace TodoApp.DataAccess.DataModels
     public class User
     {
         public long Id { get; set; }
+
         [Required]
         public string Email { get; set; }
+
         [Required]
         public string FirstName { get; set; }
+
         [Required]
         public string LastName { get; set; }
 
+        public ICollection<Todo> ToDos { get; set; }
+
 
     }
 }
\ No newline at end of file
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/20221021062445_InitialMigration.Designer.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/20221021062445_InitialMigration.Designer.cs
new file mode 100644
index 0000000..8bc2b67
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/20221021062445_InitialMigration.Designer.cs
@@ -0,0 +1,113 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Metadata;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using TodoApp.DataAccess.DataModels;
+
+#nullable disable
+
+namespace TodoApp.DataAccess.Migrations
+{
+    [DbContext(typeof(TodoContext))]
+    [Migration("20221021062445_InitialMigration")]
+    partial class InitialMigration
+    {
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "6.0.10")
+                .HasAnnotation("Relational:MaxIdentifierLength", 128);
+
+            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder, 1L, 1);
+
+            modelBuilder.Entity("TodoApp.DataAccess.DataModels.Todo", b =>
+                {
+                    b.Property<long>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("bigint");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<long>("Id"), 1L, 1);
+
+                    b.Property<DateTime?>("CompletedTime")
+                        .HasColumnType("datetime2");
+
+                    b.Property<DateTime>("CreatedTime")
+                        .HasColumnType("datetime2");
+
+                    b.Property<long>("CreatedUser")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("Description")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("IsCompleted")
+                        .HasColumnType("bit");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CreatedUser");
+
+                    b.ToTable("Todo");
+                });
+
+            modelBuilder.Entity("TodoApp.DataAccess.DataModels.User", b =>
+                {
+                    b.Property<long>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("bigint");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<long>("Id"), 1L, 1);
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("FirstName")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("LastName")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("User");
+
+                    b.HasData(
+                        new
+                        {
+                            Id = 1L,
+                            Email = "indunilw@99x.io",
+                            FirstName = "Admin",
+                            LastName = "Admin"
+                        });
+                });
+
+            modelBuilder.Entity("TodoApp.DataAccess.DataModels.Todo", b =>
+                {
+                    b.HasOne("TodoApp.DataAccess.DataModels.User", "User")
+                        .WithMany("ToDos")
+                        .HasForeignKey("CreatedUser")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("TodoApp.DataAccess.DataModels.User", b =>
+                {
+                    b.Navigation("ToDos");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/20221021062445_InitialMigration.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/20221021062445_InitialMigration.cs
new file mode 100644
index 0000000..1e5bb72
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/20221021062445_InitialMigration.cs
@@ -0,0 +1,71 @@
+using System;
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace TodoApp.DataAccess.Migrations
+{
+    public partial class InitialMigration : Migration
+    {
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.CreateTable(
+                name: "User",
+                columns: table => new
+                {
+                    Id = table.Column<long>(type: "bigint", nullable: false)
+                        .Annotation("SqlServer:Identity", "1, 1"),
+                    Email = table.Column<string>(type: "nvarchar(max)", nullable: false),
+                    FirstName = table.Column<string>(type: "nvarchar(max)", nullable: false),
+                    LastName = table.Column<string>(type: "nvarchar(max)", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_User", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "Todo",
+                columns: table => new
+                {
+                    Id = table.Column<long>(type: "bigint", nullable: false)
+                        .Annotation("SqlServer:Identity", "1, 1"),
+                    Name = table.Column<string>(type: "nvarchar(max)", nullable: false),
+                    Description = table.Column<string>(type: "nvarchar(max)", nullable: true),
+                    IsCompleted = table.Column<bool>(type: "bit", nullable: false),
+                    CreatedTime = table.Column<DateTime>(type: "datetime2", nullable: false),
+                    CompletedTime = table.Column<DateTime>(type: "datetime2", nullable: true),
+                    CreatedUser = table.Column<long>(type: "bigint", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Todo", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Todo_User_CreatedUser",
+                        column: x => x.CreatedUser,
+                        principalTable: "User",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.InsertData(
+                table: "User",
+                columns: new[] { "Id", "Email", "FirstName", "LastName" },
+                values: new object[] { 1L, "indunilw@99x.io", "Admin", "Admin" });
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Todo_CreatedUser",
+                table: "Todo",
+                column: "CreatedUser");
+        }
+
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropTable(
+                name: "Todo");
+
+            migrationBuilder.DropTable(
+                name: "User");
+        }
+    }
+}
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/TodoContextModelSnapshot.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/TodoContextModelSnapshot.cs
index 72aac2c..c081f3f 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/TodoContextModelSnapshot.cs
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.DataAccess/Migrations/TodoContextModelSnapshot.cs
@@ -17,7 +17,7 @@ protected override void BuildModel(ModelBuilder modelBuilder)
         {
 #pragma warning disable 612, 618
             modelBuilder
-                .HasAnnotation("ProductVersion", "6.0.9")
+                .HasAnnotation("ProductVersion", "6.0.10")
                 .HasAnnotation("Relational:MaxIdentifierLength", 128);
 
             SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder, 1L, 1);
@@ -51,6 +51,8 @@ protected override void BuildModel(ModelBuilder modelBuilder)
 
                     b.HasKey("Id");
 
+                    b.HasIndex("CreatedUser");
+
                     b.ToTable("Todo");
                 });
 
@@ -77,6 +79,31 @@ protected override void BuildModel(ModelBuilder modelBuilder)
                     b.HasKey("Id");
 
                     b.ToTable("User");
+
+                    b.HasData(
+                        new
+                        {
+                            Id = 1L,
+                            Email = "indunilw@99x.io",
+                            FirstName = "Admin",
+                            LastName = "Admin"
+                        });
+                });
+
+            modelBuilder.Entity("TodoApp.DataAccess.DataModels.Todo", b =>
+                {
+                    b.HasOne("TodoApp.DataAccess.DataModels.User", "User")
+                        .WithMany("ToDos")
+                        .HasForeignKey("CreatedUser")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("TodoApp.DataAccess.DataModels.User", b =>
+                {
+                    b.Navigation("ToDos");
                 });
 #pragma warning restore 612, 618
         }
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Controllers/TodoController.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Controllers/TodoController.cs
new file mode 100644
index 0000000..3c3219e
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Controllers/TodoController.cs
@@ -0,0 +1,163 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.EntityFrameworkCore;
+using TodoApp.DataAccess.DataModels;
+
+namespace TodoApp.Portal.Controllers
+{
+    public class TodoController : Controller
+    {
+        private readonly TodoContext _context;
+
+        public TodoController(TodoContext context)
+        {
+            _context = context;
+        }
+
+        // GET: Todo
+        public async Task<IActionResult> Index()
+        {
+              return View(await _context.Todos.ToListAsync());
+        }
+
+        // GET: Todo/Details/5
+        public async Task<IActionResult> Details(long? id)
+        {
+            if (id == null || _context.Todos == null)
+            {
+                return NotFound();
+            }
+
+            var todo = await _context.Todos
+                .FirstOrDefaultAsync(m => m.Id == id);
+            if (todo == null)
+            {
+                return NotFound();
+            }
+
+            return View(todo);
+        }
+
+        // GET: Todo/Create
+        public IActionResult Create()
+        {
+            return View();
+        }
+
+        // POST: Todo/Create
+        // To protect from overposting attacks, enable the specific properties you want to bind to.
+        // For more details, see http://go.microsoft.com/fwlink/?LinkId=317598.
+        [HttpPost]
+        [ValidateAntiForgeryToken]
+        public async Task<IActionResult> Create([Bind("Id,Name,Description,IsCompleted,CompletedTime")] Todo todo)
+        {
+            ModelState.Remove("User");
+            if (ModelState.IsValid)
+            {
+                todo.CreatedUser = todo.CreatedUser == 0 ? 1 : todo.CreatedUser;
+                todo.CreatedTime = DateTime.Now;
+                _context.Add(todo);
+                await _context.SaveChangesAsync();
+                return RedirectToAction(nameof(Index));
+            }
+            return View(todo);
+        }
+
+        // GET: Todo/Edit/5
+        public async Task<IActionResult> Edit(long? id)
+        {
+            if (id == null || _context.Todos == null)
+            {
+                return NotFound();
+            }
+
+            var todo = await _context.Todos.FindAsync(id);
+            if (todo == null)
+            {
+                return NotFound();
+            }
+            return View(todo);
+        }
+
+        // POST: Todo/Edit/5
+        // To protect from overposting attacks, enable the specific properties you want to bind to.
+        // For more details, see http://go.microsoft.com/fwlink/?LinkId=317598.
+        [HttpPost]
+        [ValidateAntiForgeryToken]
+        public async Task<IActionResult> Edit(long id, [Bind("Id,Name,Description,IsCompleted,CompletedTime,CreatedUser")] Todo todo)
+        {
+            if (id != todo.Id)
+            {
+                return NotFound();
+            }
+
+            if (ModelState.IsValid)
+            {
+                try
+                {
+                    _context.Update(todo);
+                    await _context.SaveChangesAsync();
+                }
+                catch (DbUpdateConcurrencyException)
+                {
+                    if (!TodoExists(todo.Id))
+                    {
+                        return NotFound();
+                    }
+                    else
+                    {
+                        throw;
+                    }
+                }
+                return RedirectToAction(nameof(Index));
+            }
+            return View(todo);
+        }
+
+        // GET: Todo/Delete/5
+        public async Task<IActionResult> Delete(long? id)
+        {
+            if (id == null || _context.Todos == null)
+            {
+                return NotFound();
+            }
+
+            var todo = await _context.Todos
+                .FirstOrDefaultAsync(m => m.Id == id);
+            if (todo == null)
+            {
+                return NotFound();
+            }
+
+            return View(todo);
+        }
+
+        // POST: Todo/Delete/5
+        [HttpPost, ActionName("Delete")]
+        [ValidateAntiForgeryToken]
+        public async Task<IActionResult> DeleteConfirmed(long id)
+        {
+            if (_context.Todos == null)
+            {
+                return Problem("Entity set 'TodoContext.Todos'  is null.");
+            }
+            var todo = await _context.Todos.FindAsync(id);
+            if (todo != null)
+            {
+                _context.Todos.Remove(todo);
+            }
+            
+            await _context.SaveChangesAsync();
+            return RedirectToAction(nameof(Index));
+        }
+
+        private bool TodoExists(long id)
+        {
+          return _context.Todos.Any(e => e.Id == id);
+        }
+    }
+}
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Program.cs b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Program.cs
index 252decc..d5059ec 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Program.cs
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Program.cs
@@ -36,6 +36,6 @@
 
 app.MapControllerRoute(
     name: "default",
-    pattern: "{controller=Home}/{action=Index}/{id?}");
+    pattern: "{controller=Todo}/{action=Index}/{id?}");
 
 app.Run();
\ No newline at end of file
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/TodoApp.Portal.csproj b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/TodoApp.Portal.csproj
index f629d04..647474e 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/TodoApp.Portal.csproj
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/TodoApp.Portal.csproj
@@ -7,10 +7,16 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="6.0.9">
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="6.0.10">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
+    <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="6.0.10" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="6.0.10">
+      <PrivateAssets>all</PrivateAssets>
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+    </PackageReference>
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="6.0.10" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Shared/_Layout.cshtml b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Shared/_Layout.cshtml
index 7081751..f842028 100644
--- a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Shared/_Layout.cshtml
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Shared/_Layout.cshtml
@@ -6,27 +6,13 @@
     <title>@ViewData["Title"] - TodoApp.Portal</title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
-    <link rel="stylesheet" href="~/TodoApp.Portal.styles.css" asp-append-version="true" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 </head>
 <body>
     <header>
         <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
             <div class="container-fluid">
-                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">TodoApp.Portal</a>
-                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
-                        aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
-                    <ul class="navbar-nav flex-grow-1">
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
-                        </li>
-                    </ul>
-                </div>
+                <a class="navbar-brand" asp-area="" asp-controller="Todo" asp-action="Index">Todo Application</a>
             </div>
         </nav>
     </header>
@@ -36,11 +22,6 @@
         </main>
     </div>
 
-    <footer class="border-top footer text-muted">
-        <div class="container">
-            &copy; 2022 - TodoApp.Portal - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
-        </div>
-    </footer>
     <script src="~/lib/jquery/dist/jquery.min.js"></script>
     <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="~/js/site.js" asp-append-version="true"></script>
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Create.cshtml b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Create.cshtml
new file mode 100644
index 0000000..7ed5258
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Create.cshtml
@@ -0,0 +1,49 @@
+@model TodoApp.DataAccess.DataModels.Todo
+
+@{
+    ViewData["Title"] = "Create";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h1>Create</h1>
+
+<h4>Todo</h4>
+<hr />
+<div class="row">
+    <div class="col-md-4">
+        <form asp-action="Create">
+            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
+            <div class="form-group">
+                <label asp-for="Name" class="control-label"></label>
+                <input asp-for="Name" class="form-control" />
+                <span asp-validation-for="Name" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Description" class="control-label"></label>
+                <input asp-for="Description" class="form-control" />
+                <span asp-validation-for="Description" class="text-danger"></span>
+            </div>
+            <div class="form-group form-check">
+                <label class="form-check-label">
+                    <input class="form-check-input" asp-for="IsCompleted" /> @Html.DisplayNameFor(model => model.IsCompleted)
+                </label>
+            </div>
+            <div class="form-group">
+                <label asp-for="CompletedTime" class="control-label"></label>
+                <input asp-for="CompletedTime" class="form-control" />
+                <span asp-validation-for="CompletedTime" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <input type="submit" value="Create" class="btn btn-primary" />
+            </div>
+        </form>
+    </div>
+</div>
+
+<div>
+    <a asp-action="Index">Back to List</a>
+</div>
+
+@section Scripts {
+    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
+}
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Delete.cshtml b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Delete.cshtml
new file mode 100644
index 0000000..17ee957
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Delete.cshtml
@@ -0,0 +1,58 @@
+@model TodoApp.DataAccess.DataModels.Todo
+
+@{
+    ViewData["Title"] = "Delete";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h1>Delete</h1>
+
+<h3>Are you sure you want to delete this?</h3>
+<div>
+    <h4>Todo</h4>
+    <hr />
+    <dl class="row">
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Name)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Name)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Description)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Description)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.IsCompleted)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.IsCompleted)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CreatedTime)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CreatedTime)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CompletedTime)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CompletedTime)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CreatedUser)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CreatedUser)
+        </dd>
+    </dl>
+    
+    <form asp-action="Delete">
+        <input type="hidden" asp-for="Id" />
+        <input type="submit" value="Delete" class="btn btn-danger" /> |
+        <a asp-action="Index">Back to List</a>
+    </form>
+</div>
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Details.cshtml b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Details.cshtml
new file mode 100644
index 0000000..2a56263
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Details.cshtml
@@ -0,0 +1,55 @@
+@model TodoApp.DataAccess.DataModels.Todo
+
+@{
+    ViewData["Title"] = "Details";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h1>Details</h1>
+
+<div>
+    <h4>Todo</h4>
+    <hr />
+    <dl class="row">
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Name)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Name)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.Description)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.Description)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.IsCompleted)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.IsCompleted)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CreatedTime)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CreatedTime)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CompletedTime)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CompletedTime)
+        </dd>
+        <dt class = "col-sm-2">
+            @Html.DisplayNameFor(model => model.CreatedUser)
+        </dt>
+        <dd class = "col-sm-10">
+            @Html.DisplayFor(model => model.CreatedUser)
+        </dd>
+    </dl>
+</div>
+<div>
+    <a asp-action="Edit" asp-route-id="@Model?.Id">Edit</a> |
+    <a asp-action="Index">Back to List</a>
+</div>
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Edit.cshtml b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Edit.cshtml
new file mode 100644
index 0000000..9152d67
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Edit.cshtml
@@ -0,0 +1,55 @@
+@model TodoApp.DataAccess.DataModels.Todo
+
+@{
+    ViewData["Title"] = "Edit";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h1>Edit</h1>
+
+<h4>Todo</h4>
+<hr />
+<div class="row">
+    <div class="col-md-4">
+        <form asp-action="Edit">
+            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
+            <input type="hidden" asp-for="Id" />
+            <div class="form-group">
+                <label asp-for="Name" class="control-label"></label>
+                <input asp-for="Name" class="form-control" />
+                <span asp-validation-for="Name" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Description" class="control-label"></label>
+                <input asp-for="Description" class="form-control" />
+                <span asp-validation-for="Description" class="text-danger"></span>
+            </div>
+            <div class="form-group form-check">
+                <label class="form-check-label">
+                    <input class="form-check-input" asp-for="IsCompleted" /> @Html.DisplayNameFor(model => model.IsCompleted)
+                </label>
+            </div>
+            <div class="form-group">
+                <label asp-for="CompletedTime" class="control-label"></label>
+                <input asp-for="CompletedTime" class="form-control" />
+                <span asp-validation-for="CompletedTime" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="CreatedUser" class="control-label"></label>
+                <input asp-for="CreatedUser" class="form-control" />
+                <span asp-validation-for="CreatedUser" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <input type="submit" value="Save" class="btn btn-primary" />
+            </div>
+        </form>
+    </div>
+</div>
+
+<div>
+    <a asp-action="Index">Back to List</a>
+</div>
+
+@section Scripts {
+    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
+}
diff --git a/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Index.cshtml b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Index.cshtml
new file mode 100644
index 0000000..07efcac
--- /dev/null
+++ b/azure-app-service-vnet-template/Source/TodoApp/TodoApp.Portal/Views/Todo/Index.cshtml
@@ -0,0 +1,66 @@
+@model IEnumerable<TodoApp.DataAccess.DataModels.Todo>
+
+@{
+    ViewData["Title"] = "Task To Do";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<div>
+    <p>
+        <a asp-action="Create">Create New</a>
+    </p>
+    <table class="table">
+        <thead>
+            <tr>
+                <th>
+                    @Html.DisplayNameFor(model => model.Name)
+                </th>
+                <th>
+                    @Html.DisplayNameFor(model => model.Description)
+                </th>
+                <th>
+                    @Html.DisplayNameFor(model => model.IsCompleted)
+                </th>
+                <th>
+                    @Html.DisplayNameFor(model => model.CreatedTime)
+                </th>
+                <th>
+                    @Html.DisplayNameFor(model => model.CompletedTime)
+                </th>
+                <th>
+                    @Html.DisplayNameFor(model => model.CreatedUser)
+                </th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>
+    @foreach (var item in Model) {
+            <tr>
+                <td>
+                    @Html.DisplayFor(modelItem => item.Name)
+                </td>
+                <td>
+                    @Html.DisplayFor(modelItem => item.Description)
+                </td>
+                <td>
+                    @Html.DisplayFor(modelItem => item.IsCompleted)
+                </td>
+                <td>
+                    @Html.DisplayFor(modelItem => item.CreatedTime)
+                </td>
+                <td>
+                    @Html.DisplayFor(modelItem => item.CompletedTime)
+                </td>
+                <td>
+                    @Html.DisplayFor(modelItem => item.User.Email)
+                </td>
+                <td>
+                    <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
+                    <a asp-action="Details" asp-route-id="@item.Id">Details</a> |
+                    <a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
+                </td>
+            </tr>
+    }
+        </tbody>
+    </table>
+</div>