Make PWA

[octokatherine]

Make word master a PWA for offline play

[kishore881]

👋Hi.. I've done some research on PWA for React apps. It seems to be done with service workers, which can cache the resources required for the app, making them available offline. Based on my research, this is what I think the necessary steps are

• update the manifest to contain fields name, short_name, start_url and scope
• Register the service-worker which can be done directly in public/index.html as shown here or call a similar function from src/index.js as followed in cra-template-pwa
• Then add the service-worker itself in the public folder, which should handle fetch and install events to enable the offline mode

This is what the dev tools showed when I tried this with the current manifest, ⚠️s on Installability of PWA

The third ⚠️ says no service worker found, even though an SW is active. It has something to do with scope and start_url in the manifest.

So updating the manifest seems to be the first step. Since in index.html, all resources are hardcoded to be pulled from this repo. So, updating that would make it easier to work on service-worker and test rapidly in dev env.

Let me know what you think.