GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gokulkrishh → Demo Progressive Web App

gokulkrishh / Demo Progressive Web App

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

htmlcssmaterial-designdemochromehtml5materialpwanotificationscss3offlineprogressive-web-apppush-notificationsgoogle-chromesnackbar

Projects that are alternatives of or similar to Demo Progressive Web App

Awesome Meta And Manifest
⚡ Awesome collection of meta tags & manifest properties.
Stars: ✭ 499 (-37.47%)
Mutual labels:  chrome, google-chrome, html5, pwa, progressive-web-app
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (-69.3%)
Mutual labels:  push-notifications, offline, pwa, progressive-web-app
Pushkit
All the required components to set up independent web push notifications 🎈
Stars: ✭ 45 (-94.36%)
Mutual labels:  notifications, push-notifications, pwa, progressive-web-app
React Native Snackbar
🍱 Material Design "Snackbar" component for Android and iOS.
Stars: ✭ 613 (-23.18%)
Mutual labels:  material-design, material, snackbar
Get Me Through
A Free, Offline, Real-Time, Open-source web-app to assist organisers of any event in allowing only authorised/invited people using Face-Recognition Technology or QR Code.
Stars: ✭ 255 (-68.05%)
Mutual labels:  material-design, html5, css3
Create React App Material Typescript Redux
A ready to use boilerplate for starting big react projects
Stars: ✭ 257 (-67.79%)
Mutual labels:  material, pwa, progressive-web-app
Vue Meizi
vue最新实战项目，vue2 + vuex + webpack + es6 干货多多，新手福利
Stars: ✭ 1,476 (+84.96%)
Mutual labels:  demo, html5, css3
Super Progressive Web Apps
SuperPWA helps to convert your WordPress website into Progressive Web Apps instantly. PWA (Progressive Web Apps) demo at : https://superpwa.com and Plugin :
Stars: ✭ 304 (-61.9%)
Mutual labels:  offline, pwa, progressive-web-app
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (-66.79%)
Mutual labels:  offline, pwa, progressive-web-app
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (-16.67%)
Mutual labels:  offline, pwa, progressive-web-app
Sol Journal
✎ Simple, personal journaling progressive web app
Stars: ✭ 470 (-41.1%)
Mutual labels:  offline, pwa, progressive-web-app
ambianic-ui
PWA for managing Ambianic Edge devices (smart cameras).
Stars: ✭ 32 (-95.99%)
Mutual labels:  pwa, offline, progressive-web-app
wordpress
Free PWA & SPA for Wordpress & Woocommerce
Stars: ✭ 103 (-87.09%)
Mutual labels:  pwa, offline, progressive-web-app
Epiboard
Web Extension — A new tab page extension with material design and useful features 🆕 🎉
Stars: ✭ 262 (-67.17%)
Mutual labels:  material-design, material, chrome
Eleme
restructure..
Stars: ✭ 1,635 (+104.89%)
Mutual labels:  demo, html5, css3
Ios Pwa Wrapper
An iOS Wrapper application to create a native iOS App from an offline-capable Progressive Web App.
Stars: ✭ 268 (-66.42%)
Mutual labels:  offline, pwa, progressive-web-app
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (-51.88%)
Mutual labels:  offline, pwa, progressive-web-app
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+456.89%)
Mutual labels:  offline, pwa, progressive-web-app
Web Push Php Example
An example for sending Web Push notifications, using web-push-php
Stars: ✭ 173 (-78.32%)
Mutual labels:  notifications, push-notifications, pwa
Dejajs Components
Angular components
Stars: ✭ 37 (-95.36%)
Mutual labels:  demo, material, html5
View All Similar Projects ➔

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!
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].