iPhone or iPad Safari
- Open the demo URL in Safari.
- Tap the Share button in the browser toolbar.
- Choose Add to Home Screen when that option is available.
- Confirm the fictional Harbor Halal name and icon, then launch the saved shortcut.
PWA demo guidance
Install the fictional demo like an app-style shortcut
Use this page to explain add-to-home-screen positioning for a branded web app demo. Demo business - no real orders or payments. This is not a native App Store or Play Store app, and no real order can be placed from the shortcut.
Harbor Halal PlattersFictional demo shortcut - no real orders or payments
What this proves in a sales demo
- Shows a regular customer how the shop can live one tap away after scanning a QR or visiting a link.
- Uses web app metadata and icons, not a native App Store or Play Store app in this demo.
- Keeps platform caveats honest because install prompts differ by browser and device.
Installability pieces
- Web app manifest at
/manifest.webmanifest. - Maskable app icons derived from the fictional Harbor Halal brand mark.
- Mobile-friendly layout with touch-friendly controls.
- Menu and sales-demo shortcuts in the manifest.
- Environment-driven app URL currently set to
https://platters.zohbot.net.
Android Chrome
- Open the demo URL in Chrome.
- Use the browser install prompt if Chrome offers one.
- Or open the browser menu and choose Add to Home screen or Install app.
- Launch the saved shortcut from the home screen for an app-like web experience.
Desktop Chrome or Edge
- Open the demo URL.
- Look for the install icon in the address bar or the browser app menu.
- Install only as a fictional demo shortcut for review.
- Use the sales demo page to explain how a client could brand the same PWA-style flow.
Browser behavior note
Browser install prompts vary by platform. This page keeps the pitch honest: a real client version could use the same PWA metadata and manual guidance, but the prompt will not appear identically on every device or browser.