angularexampleshub / contact-app Goto Github PK

View Code? Open in Web Editor NEW

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

C# 0.14% JavaScript 99.40% TypeScript 0.35% HTML 0.10% CSS 0.01%

contact-app's Introduction

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:

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.

Contact Application Azure Deployment ASP.NET Core Web API, Angular 6 Using Visual Studio Code

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

Contact application - Upgrade Asp.net Core 2.0 to 2.1

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.