/ASPNETCore-Angular-Ngrx

An ASP.NET Core WebAPI Demo with an Angular Client using Ngrx store and effects

Primary LanguageTypeScript

ASP.NET Core WebAPI / Angular Demo with Ngrx store & Ngrx effects, Component based design & Lazy Loading runnable on every Platform (Cross Platform)

This repository offers you a demo application implemented with the AngularCLI and an endpoint using ASP.NET Core WebAPI.

The application comes with lazy loading, forms, custom validation, routing , ngrx store, ngrx effects, etc.

Server and Client are completely seperated that you can exchange the endpoint easily.

Check the corresponding package.json for the npm commands to start the repository

Prerequisites

Please install cordova and the trash-cli globally to handle cross platform for the AngularCLI-Demo

npm install cordova -g

Angular Client with Webpack, Treeshaking and Ahead of Time (Aot) Compilation

This client is implemented with Angular and Webpack. You can start the application by running

npm install

and

npm start

the application starts and runs in your default browser.

You can build Cross Platform by typing

npm run build-all

for building Web, Desktop (Windows and Linux) and Apps for Android and Windows Phone in the .dist folder.

Demo

You can see an Angular Demo with all the techniques combined here (running on Azure)

Frontend

http://foodapiui.azurewebsites.net/

Backend

http://foodapi4demo.azurewebsites.net/

DemoGif

Screens

Home

ASP.NET Core Angular Demo

Form

ASP.NET Core Angular Demo