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 (1,539,019
Html (432,709
Css (215,454
Html5 (13,090
Css3 (8,806
Demo (4,294
Material Design (3,509
Pwa (3,348
Chrome (2,906
Notifications (2,730
Material (1,579
Progressive Web App (940
Offline (809
Push Notifications (751
Google Chrome (350
Splashscreen (159
Snackbar (132
Hamburger Menu (52
Background Sync (14
Add To Homescreen (13
Web Share (13
Related Projects