pwa-messenger
January 25, 2017 · View on GitHub
PWA based messenger
Knowledge base
Basics
- https://developers.google.com/web/progressive-web-apps/
- https://flights.airberlin.com/de-DE/progressive-web-app
- https://developers.google.com/web/updates/2015/12/getting-started-pwa
Web Manifest
Web Push
- concepts:
- https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/sending-messages
- libs:
- https://github.com/GoogleChrome/propel
- https://github.com/web-push-libs/web-push (with support matrix: VAPID...)
- example:
- https://github.com/GoogleChrome/samples/tree/gh-pages/push-messaging-and-notifications
Caching and Offline contents
- concepts:
- https://developers.google.com/web/fundamentals/instant-and-offline/web-storage/offline-for-pwa
- https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/
- AppShell: https://developers.google.com/web/fundamentals/architecture/app-shell
- https://github.com/localForage/localForage
Service Worker
- concepts:
- https://developers.google.com/web/fundamentals/getting-started/primers/service-workers
- https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle
- https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/registration
- https://jakearchibald.com/2014/service-worker-first-draft/
- https://jakearchibald.github.io/isserviceworkerready/
- howtos and examples:
- https://serviceworke.rs/
- https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker
- https://developers.google.com/web/tools/service-worker-libraries/
- libs:
- https://github.com/GoogleChrome/sw-toolbox
HomeScreen integration/Add to HomeScreen and Appearance
- https://codelabs.developers.google.com/codelabs/add-to-home-screen
- https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/
- https://developer.chrome.com/multidevice/android/installtohomescreen
- Fullscreen: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
- examples: https://github.com/GoogleChrome/samples/tree/gh-pages/app-install-banner
Angular2 Start
- preferred: https://github.com/AngularClass/angular2-webpack-starter
- https://github.com/mgechev/angular-seed (too heavy?)
Backend
- REST framework: http://expressjs.com/
- database: http://mongoosejs.com/ (https://github.com/Automattic/mongoose) für https://www.mongodb.com/de
- test tool: https://www.getpostman.com/
- tutorials:
- https://scotch.io/tutorials/using-mongoosejs-in-node-js-and-mongodb-applications
- https://scotch.io/tutorials/build-a-restful-api-using-node-and-express-4
- best free online cloud:
- https://www.heroku.com/home
- https://azure.microsoft.com