linguistbreaker / demo-progressive-web-app

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

progressive web app

An example for progressive web application

Demo

Description

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

Screenshots

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

Install

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://localhost:3000

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

Todo's

• - 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

Reference

1. Google Developer Site

2. Offline cookbook

Author

Follow me