Progressive Web Application (PWA)

Add a service worker that runs in the web browser and manages caching for an application.

Adding a service worker to an Angular project

ng add @angular/pwa

Configure service worker

1. Update meta tag for theme-color
2. Update icon files
   1. Use Maskable.app to create maskable icons based on an existing icon. Upload your icon, adjust the color and size then export the image

References

• Angular Service Worker
• PWAs with maskable icons