Awesome

<p align="center"><img width="150px" height="150px" src="https://raw.githubusercontent.com/gokulkrishh/demo-progressive-web-app/master/images/icons/android-chrome-192x192.png"></p>

Progressive Web Application

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

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