Skip to content

Contact Application using ASP.NET Core Web API, Angular 6.0, and Visual Studio Code

Notifications You must be signed in to change notification settings

AngularExamplesHub/contact-app

Repository files navigation

Contact Application

Contact Application using ASP.NET Core Web API 2.1, Angular 6.0, Angular Material UI 6 and Visual Studio Code.

Prerequisite

.Net Core 2.1.5
NodeJS 8.11.0
npm 5.6.0
Angular CLI 6.0

Setup Project

git clone https://github.com/AngularExamplesHub/contact-app.git

install npm packages and restore dotnet nuget pakages in command promt:

npm install
dotnet restore

Update Connectionstring in Appsettings.json file

"ConnectionStrings": { "ContactDb": "Data Source=.\SQLEXPRESS;Initial Catalog=ContactDb;Integrated Security=True" }

Update Database

dotnet ef database update

build angular component

ng build

run project

dotnet run

Step By Step Articles:

In the article, we will set up ASP.NET Core Web API project, and develop the Web API for contact CRUD operations.

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.

In this article, we are going to deploy/host a contact application with Visual Studio code to Azure web apps.

In this article, we will look into steps for contact application - upgrade Asp.net Core 2.0 to 2.1, please see my previous articles about how we developed contact application.

ScreenShots

Alt text

Alt text

Releases

No releases published

Packages

No packages published

Languages