Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gokulkrishh/demo-progressive-web-app
🎉 Demo for Progressive Web Application and its features.
https://github.com/gokulkrishh/demo-progressive-web-app
addtohomescreen background-sync google-chrome manifest-json notifications offline progressive-web-app push-notifications pwa pwa-app pwa-apps pwa-example snackbar splash-screen webshare
Last synced: 5 days ago
JSON representation
🎉 Demo for Progressive Web Application and its features.
- Host: GitHub
- URL: https://github.com/gokulkrishh/demo-progressive-web-app
- Owner: gokulkrishh
- License: mit
- Created: 2015-12-28T04:20:49.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-11-27T13:21:49.000Z (about 1 year ago)
- Last Synced: 2024-12-01T06:05:21.972Z (12 days ago)
- Topics: addtohomescreen, background-sync, google-chrome, manifest-json, notifications, offline, progressive-web-app, push-notifications, pwa, pwa-app, pwa-apps, pwa-example, snackbar, splash-screen, webshare
- Language: JavaScript
- Homepage: https://demopwa.surge.sh
- Size: 1.67 MB
- Stars: 955
- Watchers: 37
- Forks: 263
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- my-awesome-list - demo-progressive-web-app
- awesome-pwa - Demo PWA
- awesome-pwa - Demo PWA
README
###
# [Progressive Web Application](https://demopwa.surge.sh)
*A demo for progressive web application with features like offline, push notifications, background sync etc,*
### [Live](https://demopwa.surge.sh)
### Installation
#### `Step 1` - clone the repo
```bash
$ git clone https://github.com/gokulkrishh/demo-progressive-web-app
```
#### `Step 2` - cd in the repo
```bash
$ cd demo-progressive-web-app
```
#### `Step 3` - install dependencies
```bash
$ npm install
```
#### `Step 4` - run application
```bash
$ npm run start
```
In browser, open [http://localhost:3000](http://localhost:3000)
## Main Features
- [x] - App Shell Architecture
- [x] - Service Worker + [Navigation Preload](https://mattto.github.io/sw/demo/navigation-preload/) ([Origin Trial](https://docs.google.com/forms/d/e/1FAIpQLSfO0_ptFl8r8G0UFhT0xhV17eabG-erUWBDiKSRDTqEZ_9ULQ/viewform?fbzx=-8349956695398695000))
- [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
- [Codelabs](https://pwa.tips/codelabs)
### List of Progressive Web Apps
- [PWA Rocks](https://pwa.rocks)
### References
- [Google Developer Site](https://developers.google.com/web/progressive-web-apps)
- [Web Share API](https://developers.google.com/web/updates/2016/10/navigator-share)
- [Navigation Preload](https://developers.google.com/web/updates/2017/02/navigation-preload)
- [Awesome Meta and Manifest](https://github.com/gokulkrishh/awesome-meta-and-manifest)
#### License
MIT © [Gokulakrishnan](https://github.com/gokulkrishh)
If you found a bug or some improvments, feel free to raise an issue and send a PR!