diff --git a/src/AbpDesk/AbpDesk.Web.Mvc/AbpDesk.Web.Mvc.csproj b/src/AbpDesk/AbpDesk.Web.Mvc/AbpDesk.Web.Mvc.csproj
index 0b36692389..14d14cd088 100644
--- a/src/AbpDesk/AbpDesk.Web.Mvc/AbpDesk.Web.Mvc.csproj
+++ b/src/AbpDesk/AbpDesk.Web.Mvc/AbpDesk.Web.Mvc.csproj
@@ -35,6 +35,7 @@
   </ItemGroup>
 
   <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore" Version="2.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Diagnostics" Version="2.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Server.IISIntegration" Version="2.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Server.Kestrel" Version="2.0.0" />
@@ -46,6 +47,8 @@
     <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="2.0.0">
       <PrivateAssets>All</PrivateAssets>
     </PackageReference>
+    <PackageReference Include="Microsoft.VisualStudio.Web.BrowserLink" Version="2.0.0" />
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.0.0" />
     <PackageReference Include="Serilog.Extensions.Logging" Version="2.0.2" />
     <PackageReference Include="Serilog.Sinks.RollingFile" Version="3.3.0" />
   </ItemGroup>
diff --git a/src/AbpDesk/AbpDesk.Web.Mvc/Navigation/MainMenuContributor.cs b/src/AbpDesk/AbpDesk.Web.Mvc/Navigation/MainMenuContributor.cs
index 19b4fd25ca..f3b0ec6098 100644
--- a/src/AbpDesk/AbpDesk.Web.Mvc/Navigation/MainMenuContributor.cs
+++ b/src/AbpDesk/AbpDesk.Web.Mvc/Navigation/MainMenuContributor.cs
@@ -22,6 +22,8 @@ namespace AbpDesk.Web.Mvc.Navigation
                         .AddItem(
                             new ApplicationMenuItem("TicketManagement.Tickets", "Tickets", url: "/App/Tickets")
                         )
+                ).AddItem(
+                    new ApplicationMenuItem("TodoList", "Todo List", url: "/App/Todo")
                 );
             
             //Disabled blog module. This should be inside the module!
diff --git a/src/AbpDesk/AbpDesk.Web.Mvc/Pages/App/Todo/Index.cshtml b/src/AbpDesk/AbpDesk.Web.Mvc/Pages/App/Todo/Index.cshtml
new file mode 100644
index 0000000000..b4881c523a
--- /dev/null
+++ b/src/AbpDesk/AbpDesk.Web.Mvc/Pages/App/Todo/Index.cshtml
@@ -0,0 +1,17 @@
+@page
+@using AbpDesk.Web.Mvc.Pages.App.Todo
+@model IndexModel
+<h2>TODO application!</h2>
+
+<div id="TodoApp">
+    <ol>
+        <li v-for="todo in todos">
+            {{ todo.text }}
+        </li>
+    </ol>
+</div>
+
+@section scripts {
+    <script src="https://unpkg.com/vue"></script>
+    <script src="~/pages/app/todo/index.js"></script>
+}
\ No newline at end of file
diff --git a/src/AbpDesk/AbpDesk.Web.Mvc/Pages/App/Todo/Index.cshtml.cs b/src/AbpDesk/AbpDesk.Web.Mvc/Pages/App/Todo/Index.cshtml.cs
new file mode 100644
index 0000000000..47651ccd70
--- /dev/null
+++ b/src/AbpDesk/AbpDesk.Web.Mvc/Pages/App/Todo/Index.cshtml.cs
@@ -0,0 +1,12 @@
+using Volo.Abp.AspNetCore.Mvc.RazorPages;
+
+namespace AbpDesk.Web.Mvc.Pages.App.Todo
+{
+    public class IndexModel : AbpPageModel
+    {
+        public void OnGet()
+        {
+            
+        }
+    }
+}
diff --git a/src/AbpDesk/AbpDesk.Web.Mvc/wwwroot/pages/app/todo/index.js b/src/AbpDesk/AbpDesk.Web.Mvc/wwwroot/pages/app/todo/index.js
new file mode 100644
index 0000000000..14570e3853
--- /dev/null
+++ b/src/AbpDesk/AbpDesk.Web.Mvc/wwwroot/pages/app/todo/index.js
@@ -0,0 +1,14 @@
+(function() {
+
+    var app = new Vue({
+        el: '#TodoApp',
+        data: {
+            todos: [
+                { text: 'Learn JavaScript' },
+                { text: 'Learn Vue' },
+                { text: 'Build something awesome' }
+            ]
+        }
+    });
+
+})();
\ No newline at end of file