madhanhere / ionic-pwa-app

Trial PWA Ionic app with offline capability, pull to refresh, update notification.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build Ionic PWA app

A simple Ionic app with Angular PWA feature. Fetch data from API, cache it first time. Support, when in offline mode and notify the user about it and can be installable in Android, iOS (in iOS not exactly installable, but add to home screen), and notify the user using ionic alert whenever the new version of the app is available and update it.

This used firebase as hosting and fire-function as API source.

PWA completed achieved through [@angular/pwa] (https://angular.io/guide/service-worker-getting-started)

Cache API and used it when offline done by using [@ngx-pwa/offline] (https://www.npmjs.com/package/@ngx-pwa/offline)

Check for update, listen to update success done by using [@angular/service-worker] (https://angular.io/guide/service-worker-intro)

App Icons generated using [firebase manifest generator] (https://app-manifest.firebaseapp.com/)

PWA splash screen generator appsco)

Courtesty for app icon [pixabay] (https://pixabay.com/vectors/phone-telephone-communication-talk-99276/)

##To Run

ionic serve

note: Cordova integration not added

Code reviews Welcome :)

About

Trial PWA Ionic app with offline capability, pull to refresh, update notification.


Languages

Language:TypeScript 60.1%Language:HTML 23.0%Language:CSS 11.1%Language:JavaScript 5.8%