This is a simple web application built with Flask that displays the current time and allows users to add and view times from different timezones. It includes user authentication and timezone management features.
[... existing content ...]
This application is set up as a Progressive Web App (PWA). To complete the PWA setup:
-
Ensure that the following icon files are present in the
/static/icons/directory:icon-192x192.png(192x192 pixel PNG image)icon-512x512.png(512x512 pixel PNG image)
-
Ensure that the
manifest.jsonfile in thestaticfolder is correctly configured with the following content:{ "name": "World Clock", "short_name": "World Clock", "description": "A simple web application to display current time in multiple timezones", "start_url": "/", "display": "standalone", "background_color": "#ffffff", "theme_color": "#4CAF50", "icons": [ { "src": "/static/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/static/icons/icon-512x512.png", "sizes": "512x512", "type": "image/png" } ] } -
Verify that the
index.htmlfile includes the following lines in the<head>section:<link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}"> <meta name="theme-color" content="#4CAF50"> <link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/icon-192x192.png') }}">
-
Ensure that the
sw.js(Service Worker) file is present in thestaticfolder and properly configured.
Once these steps are completed, the World Clock application will be fully set up as a Progressive Web App.
[... rest of the existing content ...]