Convert your Python Webpage to a Progressive Web App on Phone - Plotly Dash

Hi Friends, here you will learn how to convert your Python Dash creations into a Progressive Web App (PWA) so users can download your app on their phone and on their computer. This app was built with Plotly and Dash.

My GitHub Code: https://github.com/Coding-with-Adam/Dash-by-Plotly/tree/master/Deploy_App_to_Web/PWA-Phone-App/res-seating

Guiding Docs: https://docs.google.com/document/d/1vZMaRx_EtyzFD7A9nwRxPcr9zeWTxcWv/edit?usp=sharing&ouid=118003078876393636228&rtpof=true&sd=true

PWA-Builder: https://www.pwabuilder.com/

PWA Icon Builder: https://www.pwabuilder.com/imageGenerator

Good to Know: https://www.simicart.com/blog/progressive-web-apps-vs-native/

App website (takes a few seconds to load since it is the free Heroku tier): https://res-seating.herokuapp.com/

Video layout: 00:00 - What you will learn 05:12 - Create Manifest file 09:02 - App Icons 13:16 - Service Worker 17:30 - Add HTML snippet to main file 19:00 - Redeploy app to the web 22:38 - Inspecting your app

👉 Your support keeps Charming Data running, which is proudly a 100% member-supported educational channel: Patreon: https://www.patreon.com/charmingdata GitHub: https://github.com/sponsors/Coding-with-Adam YouTube: https://www.youtube.com/channel/UCqBFsuAz41sqWcFjZkqmJqQ/join ... https://www.youtube.com/watch?v=aBWqWVBaqhI