Progressive Web Apps
Examples of PWA:
“A PWA is a web app developed using specific technologies and standard patterns that allows it to take advantage of both website and native app features, providing greater flexibility to businesses/publishers and better experiences to users. As mobile device usage has grown, delivering a seamless user experience across all devices has become more important than ever.”
“Like a website, a PWA is mobile-friendly and indexed for SEO. But like apps, PWAs are also installable, available offline, connected to push notifications, and tied to location via GPS. In other words, they’re the best of both worlds.”
A manifest file declares the content of the app, what pages are important, some basic settings and the title(s) of your app.
You will need to make it using JSON, a notation file, the acronym of which stands for JavaScript Object Notation
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json
A service worker is a special type of script that runs in the browser background. We already have regular js to interact with the front-end pages, service workers are meant to do background jobs. In our case it will manage what code pages we need to save for offline use.
https://codeberg.org/UI-Programming-23-24/sample-PWA/src/branch/pages/sw.js
As the main purpose of PWA, for us, is to make our game installable on mobile devices, it makes sense that we have to think about the launcher icons that we want the game to use.
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk