Simple Login and CRUD using Angular CLI#11.0.5 with Docker support

Small front-end application with Login and CRUD funtionality using Angular CLI#11.0.5.

Features:

• Multiple Angular modules with own routing rules
• Service level rest api communication with RxJs
• Lazy loading of route modules
• Authentication handling with AuthGuards and Interceptor
• Uses Dockerized json-server for backed communication.
• Environment wise Docker support. Currently : environment.dev.ts and environment.prod.ts. (environment.ts is the place where you will define your environment wise configurations. Example : dev, test, stage, prod etc)

Run the front-end and backend from Docker:

• Clone the repo.
• Open command editor (CMD, PowerShell, Bash etc) from clone directory. Run below docker command :

docker-compose -f docker/docker-compose.dev.yml up

• It will use environment.dev.ts file, create a container for the web, and another container for json-server initialized with some fake data.
• Front-end app : http://localhost:4200
• json-server : http://localhost:3000/users

That's it! You are good to go :)

• To use environment.prod.ts :

docker-compose -f docker/docker-compose.prod.yml up

• Front-end app : http://localhost:4201
• json-server : http://localhost:3001/users

Pre requisites for local development:

• NodeJs
• Angular CLI#11.0.5
• Docker Desktop

If you have any questions/suggestions/issues, feel free to ping me :)

References :

• Pass env argument from docker-compose.yml to Dockerfile
• Dokcerfile template for Angular
• Dockerized backend json-server