PWA Customization

Customizing PWA Settings

This guide provides step-by-step instructions on how to customize the Progressive Web App (PWA) settings for your platform, particularly updating the PWA icon and brand name.

Changing the PWA Icon

1. Locate the PWA Icon Folder:

   • Navigate to the public/pwa folder in your project directory.

2. Replace Icons:

   • Replace the existing icons with your brand-specific icons. Ensure that the new icons are named according to their sizes (e.g., 72x72.png, 96x96.png) to match the originals for compatibility across devices.

Updating the Brand Name in Manifest

1. Locate the Manifest File:

   • Find the manifest.json file in the public directory.

2. Edit the Manifest File:

   • Open the manifest.json file.
   • Replace "name": "AdFox" and "short_name": "AdFox" with your brand's name.
   • Save your changes.

Note on Future Updates

• The process of updating the PWA settings is currently manual. We are planning to automate this in future releases to make customization simpler.