diff --git a/src/frontend/index.html b/src/frontend/index.html
index 8eb489a..c9e1aeb 100644
--- a/src/frontend/index.html
+++ b/src/frontend/index.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="manifest" href="/manifest.json">
     <title>Reticulum MeshChat</title>
 
     <!-- scripts -->
@@ -24,5 +25,11 @@
 <body class="bg-gray-100">
 <div id="app"></div>
 <script type="module" src="main.js"></script>
+<script>
+    // install service worker
+    if('serviceWorker' in navigator){
+        navigator.serviceWorker.register('/service-worker.js');
+    }
+</script>
 </body>
 </html>
diff --git a/src/frontend/public/favicons/favicon-512x512.png b/src/frontend/public/favicons/favicon-512x512.png
new file mode 100644
index 0000000..58c038a
Binary files /dev/null and b/src/frontend/public/favicons/favicon-512x512.png differ
diff --git a/src/frontend/public/manifest.json b/src/frontend/public/manifest.json
new file mode 100644
index 0000000..a33964a
--- /dev/null
+++ b/src/frontend/public/manifest.json
@@ -0,0 +1,17 @@
+{
+  "name": "MeshChat",
+  "short_name": "MeshChat",
+  "description": "A simple mesh network communications app powered by the Reticulum Network Stack.",
+  "scope": "/",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "/favicons/favicon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "display": "standalone",
+  "theme_color": "#FFFFFF",
+  "background_color": "#FFFFFF"
+}
diff --git a/src/frontend/public/service-worker.js b/src/frontend/public/service-worker.js
new file mode 100644
index 0000000..328e48e
--- /dev/null
+++ b/src/frontend/public/service-worker.js
@@ -0,0 +1,4 @@
+self.addEventListener('fetch',function() {
+    // this is required to meet the requirements for an installable pwa
+    // it allows the browser to ask the user if they want to install to their homescreen
+});