❗Important❗ The code in this repository is not applicable for production. It acts as an example for implementing various technical concepts like Multi-User support, Pagination, CI, ... needed in an "modern" Angular based engineering application, as well as for providing such an application using modern build tools
This repo can be used as an example for setting up large scale angular application.
Use following command to run the example:
npx nx serve-test channel-configurator-frontend
This repo is a monorepo built using NX. Many thanks to NRWL for providing and maintaining such a great tool. The structure and setup of applications and libraries is done using the DDD Nx Plugin.
The example application itself is a multi user angular application to configure some channels which have certain properties.
Its about configuring a specific hardware device. The hardware device consists of different channels. A Channel can be seen as an electrical signal like a digital output/input or analog output/input. See a small conceptual model of the domain.
For following concepts examples are provided:
- Multi-user support syncing state btw. different instances of the application
- Statemanagement using NGRX
- Monorepo setup and structure using NX
- Architecture using DDD Concepts and libraries (Many THX to Manfred Steyer for his great work on that topic)
- layers
- domains
- Polling Data
- REST API using OpenAPI and Swagger for realisation
- Reactive Architecure using Signals and RXJS
- apps
channels-config-frontendis the main angular appchannels-config-backendis an express based backend
- libs
channelsentitiescontaining all entities used in the frontend and the backend. It also contains sync actions which are used to sync state btw. different client intancesdomaincontaining ngrx based state and http client implementions to get data from backendfeature-channel-listcontaining an implementation of a list based component showing all channels
sharedall shared libs used in different domainsutil-testcontains general test utilities