PWA
PWA
Medium — good to knowFrontend
ELI5 — The Vibe Check
A PWA is a website that pretends to be an app. You can install it on your phone's home screen, it works offline, gets push notifications, and looks like a native app. It's not in the App Store — it lives on the web, but it acts like it belongs on your phone.
Real Talk
A Progressive Web App (PWA) is a web application that uses modern browser APIs to deliver app-like capabilities: installability (via a web manifest), offline support (via Service Workers), push notifications, and background sync. PWAs are indexed by search engines and distributed via URLs, not app stores.
Show Me The Code
// manifest.json — makes the site installable
{
"name": "Vibecoder Dictionary",
"short_name": "VibeDict",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" }
]
}
When You'll Hear This
We built it as a PWA so users can install it without the App Store.,PWAs need HTTPS, a manifest, and a Service Worker.,The PWA install banner appeared automatically after 3 visits.