Awesome Open Source
Awesome Open Source

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

  • [x] - App Shell Architecture

  • [x] - Service Worker + Navigation Preload (Origin Trial)

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

  • [x] - Offline Support

  • [x] - Online/Offline Events

  • [x] - Fetch API

  • [x] - Push Notifications

  • [x] - Background Sync

  • [x] - Web Share API

Get started with PWA Development

List of Progressive Web Apps

References

License

MIT © Gokulakrishnan

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

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,028
html (10,720
css (7,196
material-design (643
demo (486
chrome (444
html5 (442
material (369
pwa (320
notifications (286
css3 (197
offline (158
progressive-web-app (121
push-notifications (85
google-chrome (48
snackbar (33

Find Open Source By Browsing 7,000 Topics Across 59 Categories