How can I make a custom app as PWA

We have a custom app called “Leads”
now I want to make the app as PWA(Progressive Web App)
I know that Frappe HR is already available as PWA
Inorder to convert an App into PWA, we need two things
Manifest File(for meta data)
Service Worker(for offline support)
so tell me

  1. where should i create the Manifest File
  2. where is the base HTML Template of an App located(so that Server Worker can be loaded)

Update

I just went through the Frappe HR code and it seems there is a folder called “Frontend” which is not present in other apps, and this folder contains main.js file in which service worker(which makes HR app to PWA) was registered but for all other apps use same HTML, CSS, JS.
we also know that Frappe HR has a complete different UI in PWA, so there is seperate folder called Frontend
so my question is how can I make a Frappe App as PWA with Default UI

1 Like

Hi @Vinay1:

This app let’s you create a frontend webapp easily. Check:

This is not -technically- a PWA, but I think is what you actually are looking for.
PWA is just an web application with some added characteristics (service workers, etc…) providing offline capabilities, better device resources management, etc …

It is doable using Ionic or other tools (HR uses that, AFAIK).

Other helpful stuff:
Creating a vue app connected to Frappe

Frappe HR app launching video

Hope this helps.

Found a easy way here. You just have to ajust your urls to head directly to your custom app: