All Projects → AngularExamplesHub → Contact App

AngularExamplesHub / Contact App

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Contact App

Vscodenotebook
📝 Use VS Code as a reliable note-taking/journal application
Stars: ✭ 584 (+5209.09%)
Mutual labels:  visual-studio-code
Polacode
📸 Polaroid for your code
Stars: ✭ 6,511 (+59090.91%)
Mutual labels:  visual-studio-code
Laravel Angular6 Material
Laravel 5.6 + Angular 6 + Material Design single page application
Stars: ✭ 19 (+72.73%)
Mutual labels:  angular6
Vscode Peacock
Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.
Stars: ✭ 690 (+6172.73%)
Mutual labels:  visual-studio-code
Nord Visual Studio Code
An arctic, north-bluish clean and elegant Visual Studio Code theme.
Stars: ✭ 749 (+6709.09%)
Mutual labels:  visual-studio-code
Vscode Bookmarks
Bookmarks Extension for Visual Studio Code
Stars: ✭ 804 (+7209.09%)
Mutual labels:  visual-studio-code
Vetur
Vue tooling for VS Code.
Stars: ✭ 5,421 (+49181.82%)
Mutual labels:  visual-studio-code
Tower Defense Game
this is a game made with Unity, the goal is to protect the tower against robots.
Stars: ✭ 25 (+127.27%)
Mutual labels:  visual-studio-code
Vscode Git Graph
View a Git Graph of your repository in Visual Studio Code, and easily perform Git actions from the graph.
Stars: ✭ 767 (+6872.73%)
Mutual labels:  visual-studio-code
Angular Github Issues
This repository searches github for repositories, issues, and users. It is written in Angular 10 and is using ngrx/store for state.
Stars: ✭ 18 (+63.64%)
Mutual labels:  angular6
Angular Froala Wysiwyg
Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.
Stars: ✭ 696 (+6227.27%)
Mutual labels:  angular6
Openincode
📂 macOS Finder toolbar app to open current folder in Visual Studio Code
Stars: ✭ 734 (+6572.73%)
Mutual labels:  visual-studio-code
Shiftscheduler
A boilerplate ASP.NET Core project, including a sample employee shift scheduler app
Stars: ✭ 5 (-54.55%)
Mutual labels:  angular6
Vscode Icons
Icons for Visual Studio Code
Stars: ✭ 627 (+5600%)
Mutual labels:  visual-studio-code
Wslgit
Use Git installed in Bash on Windows/Windows Subsystem for Linux (WSL) from Windows and Visual Studio Code (VSCode)
Stars: ✭ 903 (+8109.09%)
Mutual labels:  visual-studio-code
Vscode Markdown Pdf
Markdown converter for Visual Studio Code
Stars: ✭ 571 (+5090.91%)
Mutual labels:  visual-studio-code
Headwind
An opinionated Tailwind CSS class sorter built for Visual Studio Code
Stars: ✭ 789 (+7072.73%)
Mutual labels:  visual-studio-code
Flask Scaffold
Prototype Database driven Web apps in Angular 6, Bootstrap 4 and REST API's with Flask (Python 3 framework)
Stars: ✭ 853 (+7654.55%)
Mutual labels:  angular6
New Moon
🌙 ‎ The optimized dark theme for web development.
Stars: ✭ 918 (+8245.45%)
Mutual labels:  visual-studio-code
Vs Freemarker
FreeMarker language colorization extension for Visual Studio Code
Stars: ✭ 17 (+54.55%)
Mutual labels:  visual-studio-code

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.

ScreenShots

Alt text

Alt text

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].