Tutorial on creating a simple "To-Do list" .NET application and deployment to Azure manually and with a CI/CD process using VSTS. Live demo of the site here:
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Introduction and Welcome

This is a simple proof of concept to display an Azure App Service website communicating with an API project, which communicates to an Azure SQL back-end. The app is a To-Do application based on Microsoft's To-Do List app, but adapted for Azure deploy and to Visual Studio 2017. The project's technology stack is C#, Angular JS, and SQL. The project was originally forked from a Microsoft documentation page that has now been depreciated.

The process for the app is diagrammed below. In Visual Studio, you will start out with a working To Do list application. You will push the code to VSTS (Visual Studio Team Services). Then you will create a CI/CD (Continuous Integration/Continuous Delivery) process in order to deploy to Azure. In Azure you will create 3 resources: Azure Web App, Azure API App, and an Azure SQL Server. alt text The application will be built and working when you download it. The tutorial will not teach you how to code, but how to set it up and deploy it. You are welcome to use it as a base for your own apps, for learning purposes, or anything you like. If you want to learn how to build the APIs from scratch, please go here.

Tutorial Sections:

Tutorial Partial Paths:

The tutorial can be completed in full, or partially. Here are the partial paths:

  • If you are uninterested in Azure or are a junior developing learning to code to simply go through Parts 01-03 to understand how applications are setup with a front end to an API layer to a SQL Database.
  • If you are seeking to learn Azure and the CI/CD process (and you already know Swagger and Dapper), you can do Parts 01 and 04-07 (skip 02-03).
  • If you are seeking to learn Azure and the CI/CD process, and you already know how to deploy to Azure manually and are only interested in the CI/CD process (and you already know Swagger and Dapper), you can do Parts 01, 04a, create empty web app/api resources, and 06-07.

Note: Parts 02-03 are optional and purely informational if you would like to learn how to use Swagger or Dapper. Swagger is a useful tool for API management and testing by directly accessing the API endpoints. Dapper is a micro-ORM that is very lightweight and makes accessing the database faster with much less code. No code changes are made during these steps, they are informational and explanatory only.

Please contact me at catenn@gmail.com with any issues and I will do my best to keep updating this tutorial. If this helped you at all and you enjoyed it, please star the repo! Would really appreciate it =)