Progressive Web Application

A demo for progressive web application with features like offline, push notifications, background sync etc,

UPDATE

Please create .env from .env.example

cp .env.example .env

generate keys:

# if not install web-push
npm i -g web push

web-push generate-vapid-keys

Live

Installation

Step 1 - clone the repo

$ git clone https://github.com/gokulkrishh/demo-progressive-web-app

Step 2 - cd in the repo

$ cd demo-progressive-web-app

Step 3 - install dependencies

$ npm install

Step 4 - run application

$ npm run start

In browser, open http://localhost:3000

Main Features

• - App Shell Architecture

• - Service Worker + Navigation Preload (Origin Trial)

• - Add to Home Screen, Splash Screen, Browser Mode, Notify user if site is updated etc,

• - Offline Support

• - Online/Offline Events

• - Fetch API

• - Push Notifications

• - Background Sync

• - Web Share API

Get started with PWA Development

• Codelabs

List of Progressive Web Apps

• PWA Rocks

References

• Google Developer Site

• Web Share API

• Navigation Preload

• Awesome Meta and Manifest

License

MIT © Gokulakrishnan

_{If you found a bug or some improvments, feel free to raise an issue and send a PR!}