Welcome!
Quick run down / reminder
PWA Maker creates the pages, folder structure, and everything required - so the PWA should work right out the box.
Things to note:
The index page and manifest are pre-coded for all the bells, whistles, and options enabled, for favicons created at RealFaviconGenerator.net. Unpack their download into the fav
folder this PWA Maker creates for you.
PWA Maker pre-dates PWAbuilder.com, but has since used their lead to improve this one. Plus, you can submit your PWAs to the App Stores from their site. PWA Maker creates the code and files, PWA Builder does validation and submission.
A transparent / blank screenshot_desktop.png
and screenshot_mobile.png
will be in the fav
folder. Be sure to replace those with actual screenshots.
Import:
If you have an existing page that you are wanting to enhance with PWA functionality, you can optionally paste the link to it and we will attempt to pull as much info as we can to pre-populate our form.
App_Name/ <-- Name of your App
├── index.html <-- Primary App Page
├── service-worker.js <-- *Must* be located in root of app dir
├── manifest.json <-- This one is used in header of index.html
├── browserconfig.xml <-- Helps Microsoft not screw things up
├── css/
│ ├── bootstrap.css <-- Bootstrap v5.2 minified
│ ├── style.css <-- Your styles go here
│ └── index.html <-- blank
├── img/
│ └── index.html <-- blank
├── js/
│ ├── bootstrap.js <-- Bootstrap v5.2 bundle minified
│ ├── jquery.js <-- jQuery 3.6.1 minified
│ ├── script.js <-- Your scripts go here
│ └── index.html <-- blank
└── fav/
├── screenshot_desktop.png <-- included but empty
├── screenshot_mobile.png <-- included but empty
└── index.html <-- blank
─ manifest.json <-- ⎫
─ manifest.webapp <-- ⎬ All 3 are same thing just different extensions
─ manifest.webmanifest <-- ⎭