An example for progressive web application

A progressive web application which works in offline, has a splash screen, add to home screen, push notifications etc,.

From moto x 2014 - OS Android Marshmallow

1. Home screen in chrome browser

2. Add to home screen in chrome browser

3. Standalone app home screen

4. Standalone app menu

5. Standalone app on scroll

6. Push notification permission

7. Push notification

1. git clone https://github.com/gokulkrishh/simple-progressive-web-app

2. cd into simple-progressive-web-app

3. In terminal, type

  $ npm install && npm start

4. In browser, open http:https://localhost:3000

5. Load the page, turn on airplane mode or offline network throttling. To see the cached resources offline.

• - Added service worker file.

• - Add web manifest.json file for splash screen, add to home screen etc.

  To generate manifest.json file, use this npm module manifest-json

    $ npm install --global manifest-json
  

• - Push notification

• - Background Sync - In progress

• - Fallback when offline - In progress

1. Google Developer Site

2. Offline cookbook