assafelovic/pwa

A boilerplate example of building Progressive web apps

Progressive Web App template

A boilerplate template for building static progressive web apps. Includes examples for features such as 'Add to home screen', offline mode, push notifications and more.

Getting started

1. Download and run local server

Install Web server for Chrome here: https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb Why? Localhost (or https) is required for enabling pwa.

2. (optional) Create an application server key

Not required -- a key is already public in the repo. The Base64 key is used for registering push notifications. To learn more: https://developers.google.com/web/fundamentals/codelabs/push-notifications

References

PWA Medium Blog: https://medium.com/progressivewebapps

Documentation: https://web.dev/progressive-web-apps/ , https://developers.google.com/web/ilt/pwa

Create relevant icon image sizes: https://github.com/ezzabuzaid/pwa-icon-generator

Styling theme: https://material.io/components/app-bars-top/web