Progressive Web Apps (PWAs)

Here is the prompt I use to turn an index.html file into a PWA.
Just upload all three programs to the same directory.

I have an index.html file that I'd like to convert into a fully functional Progressive Web App (PWA). Here's what I need:

1. A manifest.json file to provide app metadata, including:

   • The app name and description.

   • Icons for installation (I will provide the icons: icon-192x192.png and icon-512x512.png).

   • Offline functionality and a standalone app-like experience.

2. A service-worker.js file to:

   • Cache all necessary files for offline use.

   • Ensure the app works seamlessly even without an internet connection.

3. Integration of the manifest.json and service-worker.js into the index.html file so it:

   • Registers the service worker.

   • Links to the manifest file.

   • Is fully ready for upload and use.

All files (HTML, manifest, service worker, icons) should be in the same directory for portability. Please return the updated index.html file along with the manifest.json and service-worker.js files.

Lastly, I want users to easily install the app on their phones, with an icon appearing on their home screens, and I want the app to work offline, but automatically update when changes are made to the web page.

Could you help with this?