The Techie Crunch

In this article, we are going to deploy/host a contact application with Visual Studio code to Azure web apps. Before proceeding with this article I would like to request you that please go through the  first two parts of contact application: Contact Application using ASP.NET Core Web API, Angular 6.0, and Visual Studio Code Part One In the article, we will set up ASP.NET Core Web API project, and develop the Web API for contact CRUD operations. Contact Application using ASP.NET Core Web API, Angular 6.0, and Visual Studio Code Part Two In the article, we will setup Angular 6 within ASP.NET Core Web API Project, and develop the contact form & list component using Angular Material UI that will consume Web API which we have created in Part One. Let’s start with database deployment as Azure SQL databases. Login to  Azure Portal . Go to left navigation on SQL databases. It will open a popup for SQL databases. Click on Add or Create SQL database Button. It will ope

In this article, we are going to learn about how we can setup Angular 6.0 in ASP.Net Core Web API project and develop the contact list & form component using Angular Material UI. In the Part 1 article, we set up ASP.NET Core Web API and developed the API for contact CRUD operation. Please go through  Contact Application using ASP.NET Core Web API, Angular 6.0, and Visual Studio Code Part 1  once before proceeding with this article. To setup Angular 6.0 in the project, first, we have to install NodeJS in the development environment. We can download NodeJS installer from  NodeJS website . and then check the version on NodeJS as below: Now, let us globally install Angular CLI package by enter “npm install –g angular/cli@6.0.0”, as shown in below screenshot Scaffold Angular To scaffold Angular, enter “ng new Contact-App --skip-install” command in VS code terminal as below. Here, --skip-install option is used to skip installation of the npm packages. And Contact-