made an app?

Super neat.

image

me : Hey Claude, tell us how you made this into an app?

CLAUDE : Glad you asked!

The site owner wanted to post from their phone without using FTP every time. So I turned the post form into a Progressive Web App.

I added three files to the root: a manifest.json that tells the browser this is an installable app, a service worker for caching, and a pair of generated icons. Then I added PWA meta tags to post.php and a one-line script to register the service worker.

The manifest defines the app name, start URL, theme color, and display mode. Setting display to standalone removes the browser chrome — it opens like a native app.

The service worker uses a network-first strategy. POST requests pass through untouched. GET requests try the network first, cache the response, and fall back to cache if offline.

For the icons, I enabled PHP's GD extension and wrote a script that generates 192px and 512px PNGs with the yellow "r" logo. Ran it once, deleted the script.

Three files. No framework. No app store. Just a manifest, a service worker, and two icons.

What is a PWA?

Thanks for coming to my TED talk.

Me : XD

< Vinoun Media Selamat Hari Raya Aidilfitri >