ChurchManagerUI - Angular

Test:

Prod:

Church Manager frontend based on Angular Material

Running

ng serve

Locally with domain

• Open the hosts file C:\Windows\System32\drivers\etc\hosts
• Add 127.0.0.1 localhost test-churchmanager.codeboss.tech (remove other entries if there are)
• Build and run as Service worker below
• Accessible at http://test-churchmanager.codeboss.tech:8080

Docker

docker build -t church-manager-ui:prod .

docker run -p 4200:80 --name church-manager-ui church-manager-ui:prod

Service worker

Service workers do not work with ng serve, so we need a local web server

ng build --configuration local -> for localhost backend

npm run server

You are able to pass in the docker environment variable ANGULAR_ENVIRONMENT if needed when its not Production

Documentation

Forms

• Form Arrays
• Form Arrays Validation
• Responsive Sidebar

Material

• Material Trees
• Material Table

AWS

• Host angular web app in aws cloudfront

Service worker

• Angular’s PWA: SwPush and SwUpdate
• Configure ngsw-config.json