Guide

Masterminds Hub can be installed on your device as a Progressive Web App (PWA), giving you a native app-like experience with offline support and push notifications.

Push notifications on iPhone have specific requirements that differ from other devices. Follow these steps carefully to enable push notifications on your iPhone.

Safari on iPhone

Safari is the only browser that supports push notifications for PWA on iOS. Chrome and other browsers do not support this feature.

Step-by-Step Instructions

1. Step 1: Open Masterminds Hub in Safari browser on your iPhone. Do NOT use Chrome or any other browser - only Safari supports push notifications for PWA on iOS.

2. Step 2: Tap the Share button (square with arrow pointing up) at the bottom of Safari. Scroll down and select "Add to Home Screen".

3. Step 3: Open the Masterminds Hub app from your iPhone's home screen (not from Safari browser). The app icon should appear on your home screen after adding it.

4. Step 4: When you first open the app from the home screen, you'll see a prompt asking for notification permission. Tap "Allow" to enable push notifications.

5. Step 5: Verify that your iOS version is 16.4 or later. You can check this in Settings → General → About → Software Version. If your iOS is older than 16.4, you'll need to update your iPhone to enable push notifications.

Chrome on iPhone

Chrome on iOS also supports push notifications for PWA. Follow the steps below to install the PWA and enable push notifications in Chrome.

Step-by-Step Instructions

1. Step 1: Open Masterminds Hub in Chrome browser on your iPhone.

2. Step 2: Tap the menu button (three dots) in the bottom right corner of Chrome. Scroll down and select "Add to Home Screen".

3. Step 3: Open the Masterminds Hub app from your iPhone's home screen (not from Chrome browser). The app icon should appear on your home screen after adding it.

4. Step 4: When you first open the app from the home screen, you'll see a prompt asking for notification permission. Tap "Allow" to enable push notifications.

Browser Support

Both Safari and Chrome on iOS support push notifications for Progressive Web Apps. Both browsers use Apple's WebKit engine and support Web Push API when the PWA is installed on the home screen. This feature requires iOS 16.4 or later.

iOS Version Requirement

Push notifications for PWA on iOS were introduced in iOS 16.4. If you're using an older version of iOS, you'll need to update your device to iOS 16.4 or later to use this feature.

To receive notifications about new messages and important updates:

1. When you first use the app, you'll see a prompt asking for notification permission. Click 'Allow Notifications'.

2. If you missed the prompt, you can enable notifications later by clicking the notification icon in your browser or in the app settings.

3. You'll now receive push notifications even when the app is closed, keeping you updated on new messages and group activities.

You can manage notification settings at any time through your browser's notification preferences.

One of the great features of PWA is offline support. The app automatically caches content so you can access it even without an internet connection.

Benefits of offline mode:

• View previously loaded messages and group information without internet

• Browse cached content while offline

• Actions you take offline will sync automatically when you reconnect

• Faster loading times - the app is cached on your device

• Works offline - access content even without internet

• Push notifications - stay updated on new messages and events

• Native app experience - feels like a regular mobile or desktop app

• No app store required - install directly from your browser

Installation Issues

If you don't see the install option, make sure you're using a supported browser (Chrome, Edge, or Firefox) and that the site is served over HTTPS (required for PWA features).

Notification Issues

If notifications aren't working, check your browser's notification permissions in settings. Make sure notifications are enabled for Masterminds Hub. Also ensure you're using HTTPS, as notifications require a secure connection.

Offline Mode Issues

If offline mode isn't working, try clearing your browser cache and reloading the app. The service worker needs to be properly registered for offline functionality to work.