SUMO Greens PWA Setup

🚀 Deploy on Netlify Easiest

Download all 3 files below by tapping each copy button

Create a folder named sumo-greens, put all 3 files inside

Drag & drop the folder onto Netlify

Get your live link like sumo-greens.netlify.app 🎉

📱 Once live, open the link in Chrome → tap Add to Home Screen → installs like a real app!

📄 File 1: index.html

Tap "Copy index.html" to get the full flyer code

📄 File 2: manifest.json

{ "name": "SUMO Greens", "short_name": "SUMOGreens", "description": "Fresh Microgreens Order App", "start_url": "/", "display": "standalone", "background_color": "#0a1628", "theme_color": "#4caf50", "orientation": "portrait", "icons": [ {"src":"icon-192.png","sizes":"192x192","type":"image/png"}, {"src":"icon-512.png","sizes":"512x512","type":"image/png"} ] }

📄 File 3: sw.js (Service Worker)

const CACHE='sumo-v1'; const FILES=['/','index.html','manifest.json']; self.addEventListener('install',e=>e.waitUntil(caches.open(CACHE).then(c=>c.addAll(FILES)))); self.addEventListener('fetch',e=>e.respondWith(caches.match(e.request).then(r=>r||fetch(e.request))));

🐙 Deploy on GitHub Pages Free Forever

Go to github.com → Sign up free

Tap New Repository → name it sumo-greens → Create

Tap Add file → Create new file → name it index.html → paste flyer code → Commit

Repeat for manifest.json and sw.js

Go to Settings → Pages → Branch: main → Save

Your link: yourusername.github.io/sumo-greens 🎉

✅ Free forever • Custom domain possible • Auto-updates when you edit files

📱 How to Install on Android

Open your Netlify/GitHub link in Chrome

Tap the 3 dots (⋮) menu at top right

Tap "Add to Home Screen"

Tap Install → App icon appears on home screen!

🟢 Works offline after first load • No Play Store needed • Looks & feels like a real app

🍎 How to Install on iPhone

Open your link in Safari (must be Safari, not Chrome)

Tap the Share button (box with arrow) at the bottom

Scroll down → tap "Add to Home Screen"

Tap Add → App icon appears! 🎉

💡 What Your PWA Can Do

      ✅ Opens like a real app (no browser bar)

      ✅ Works offline after first visit

      ✅ Share orders via WhatsApp

      ✅ No App Store / Play Store needed

      ✅ Free to host forever

      ✅ Update anytime by editing files

🌿 SUMO Greens PWA