https://github.com/fabiangosebrink/aspnetcore-angular-ngrx

:rocket: An ASP.NET Core WebAPI Demo with an Angular Client using Ngrx store and effects and Signalr
https://github.com/fabiangosebrink/aspnetcore-angular-ngrx

angular asp aspnetcore components cross-platform demo ngrx redux signalr store

Last synced: 23 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/fabiangosebrink/aspnetcore-angular-ngrx
• Owner: FabianGosebrink
• Created: 2016-10-11T18:08:45.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T02:17:33.000Z (almost 2 years ago)
• Last Synced: 2024-05-02T05:35:07.146Z (6 months ago)
• Topics: angular, asp, aspnetcore, components, cross-platform, demo, ngrx, redux, signalr, store
• Language: TypeScript
• Homepage: https://offering.solutions
• Size: 13.6 MB
• Stars: 154
• Watchers: 13
• Forks: 90
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Build Status](https://travis-ci.org/FabianGosebrink/ASPNETCore-Angular-Ngrx.svg?branch=master)](https://travis-ci.org/FabianGosebrink/ASPNETCore-Angular-Ngrx)

# ASP.NET Core WebAPI with SignalR & Angular Demo with NgRx store & NgRx effects, Component based design (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, facade pattern 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

# Demo

![DemoGif](.github/screen.gif)

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

### Frontend

[https://conference-xplatform-client.azurewebsites.net](https://conference-xplatform-client.azurewebsites.net/)

### Backend

[https://conference-xplatform-server.azurewebsites.net](https://conference-xplatform-server.azurewebsites.net/)

## Author

👤 **Fabian Gosebrink**

- Twitter: [@FabianGosebrink](https://twitter.com/FabianGosebrink)

- Github: [@FabianGosebrink](https://github.com/FabianGosebrink)

## Prerequisites

- [Android SDK](https://developer.android.com/sdk/index.html)

- [Windows 10 SDK](https://dev.windows.com/en-us/downloads/windows-10-sdk)

- Download and install [ImageMagick](http://www.imagemagick.org/script/download.php) (base toolkit for image processing, used here for splash screen and icon generation)

## Angular Client

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

`npm install`

and

`npm start`

the application starts and runs in your default browser.

### Build Web

use the `npm run build-web` command and see the `.dist/web` folder.

### Build Mobile

use the `npm run build-mobile` command and see the `.dist/mobile` folder.

### Build Desktop

use the `npm run build-desktop` command and see the `.dist/desktop` folder.

### Build Web, Desktop and Mobile

`npm run build-all`

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

## Show your support

Give a ⭐️ if this project helped you!