diff --git a/public/favicon/android-chrome-192x192.png b/public/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..7284fbe
Binary files /dev/null and b/public/favicon/android-chrome-192x192.png differ
diff --git a/public/favicon/android-chrome-maskable-192x192.png b/public/favicon/android-chrome-maskable-192x192.png
new file mode 100644
index 0000000..7284fbe
Binary files /dev/null and b/public/favicon/android-chrome-maskable-192x192.png differ
diff --git a/public/favicon/android-chrome-maskable-512x512.png b/public/favicon/android-chrome-maskable-512x512.png
new file mode 100644
index 0000000..cb0ef27
Binary files /dev/null and b/public/favicon/android-chrome-maskable-512x512.png differ
diff --git a/public/favicon/apple-touch-icon-120x120.png b/public/favicon/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..902f4e7
Binary files /dev/null and b/public/favicon/apple-touch-icon-120x120.png differ
diff --git a/public/favicon/apple-touch-icon-152x152.png b/public/favicon/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..03a8e9d
Binary files /dev/null and b/public/favicon/apple-touch-icon-152x152.png differ
diff --git a/public/favicon/apple-touch-icon-180x180.png b/public/favicon/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..ee11fc8
Binary files /dev/null and b/public/favicon/apple-touch-icon-180x180.png differ
diff --git a/public/favicon/apple-touch-icon-60x60.png b/public/favicon/apple-touch-icon-60x60.png
new file mode 100644
index 0000000..cec266b
Binary files /dev/null and b/public/favicon/apple-touch-icon-60x60.png differ
diff --git a/public/favicon/apple-touch-icon-76x76.png b/public/favicon/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..e9d21fc
Binary files /dev/null and b/public/favicon/apple-touch-icon-76x76.png differ
diff --git a/public/favicon/apple-touch-icon.png b/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..ee11fc8
Binary files /dev/null and b/public/favicon/apple-touch-icon.png differ
diff --git a/public/favicon/favicon-16x16.png b/public/favicon/favicon-16x16.png
new file mode 100644
index 0000000..11214a7
Binary files /dev/null and b/public/favicon/favicon-16x16.png differ
diff --git a/public/favicon/favicon-32x32.png b/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000..fa24521
Binary files /dev/null and b/public/favicon/favicon-32x32.png differ
diff --git a/public/favicon/favicon.ico b/public/favicon/favicon.ico
new file mode 100644
index 0000000..243d8c5
Binary files /dev/null and b/public/favicon/favicon.ico differ
diff --git a/public/favicon/msapplication-icon-144x144.png b/public/favicon/msapplication-icon-144x144.png
new file mode 100644
index 0000000..268c626
Binary files /dev/null and b/public/favicon/msapplication-icon-144x144.png differ
diff --git a/public/favicon/mstile-150x150.png b/public/favicon/mstile-150x150.png
new file mode 100644
index 0000000..d40a4b3
Binary files /dev/null and b/public/favicon/mstile-150x150.png differ
diff --git a/public/favicon/safari-pinned-tab.svg b/public/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..6c4831c
--- /dev/null
+++ b/public/favicon/safari-pinned-tab.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" version="1.1">
+	<path d="M 158.500 0.599 C 128.075 3.635, 104.559 11.310, 80.247 26.141 C 60.092 38.436, 38.532 60, 26.151 80.247 C 13.715 100.584, 5.408 123.070, 1.861 146 C 0.214 156.645, 0.234 184.895, 1.896 195.500 C 10.665 251.454, 44.686 298.153, 95.233 323.619 C 104.716 328.397, 107.230 329.051, 111.533 327.863 C 115.425 326.789, 118.990 322.174, 118.996 318.200 C 119.005 312.904, 116.390 310.424, 104.045 304.024 C 88.984 296.214, 77.982 288.367, 66.763 277.432 C 34.877 246.352, 18.632 203.690, 21.987 159.835 C 24.836 122.588, 38.919 91.980, 65.434 65.409 C 83.008 47.798, 99.795 37.194, 122 29.678 C 176.945 11.080, 235.813 24.833, 276.578 65.792 C 300.513 89.842, 315.205 120.852, 318.944 155.211 C 319.597 161.214, 320 195.763, 320 245.703 L 320 326.484 296.250 302.790 C 283.188 289.758, 271.198 278.610, 269.606 278.017 C 265.483 276.482, 260.342 278.391, 257.926 282.353 C 255.640 286.103, 255.494 289.138, 257.423 292.800 C 258.206 294.285, 273.844 310.404, 292.173 328.620 C 327.482 363.711, 328.186 364.258, 334.500 361.514 C 336.150 360.797, 352.688 344.960, 371.250 326.321 C 404.534 292.900, 405 292.376, 405 288.351 C 405 280.980, 397.906 275.593, 391.394 278.017 C 389.802 278.610, 377.813 289.758, 364.750 302.790 L 341 326.484 341 241.231 C 341 150.245, 340.927 148.641, 335.888 128.500 C 319.590 63.356, 264.821 13.277, 198.036 2.451 C 189.171 1.014, 165.470 -0.096, 158.500 0.599 M 178.500 150.156 C 176.401 150.704, 165.214 161.244, 141.250 185.253 C 108.241 218.324, 107 219.705, 107 223.379 C 107 230.418, 113.036 235.432, 120 234.177 C 121.598 233.888, 131.248 225.044, 146.750 209.658 L 171 185.591 171 270.302 C 171 360.545, 171.156 364.028, 176.062 383.243 C 191.606 444.124, 239.735 491.944, 300.500 506.883 C 314.609 510.352, 324.110 511.398, 341.500 511.398 C 350.850 511.398, 362.100 510.825, 366.500 510.124 C 415.668 502.294, 459.024 474.012, 485.498 432.500 C 497.413 413.818, 506.459 389.568, 510.119 366.500 C 511.775 356.063, 511.788 326.687, 510.140 316.500 C 500.936 259.581, 467.324 213.634, 416.253 188.158 C 411.989 186.031, 407.266 183.992, 405.758 183.628 C 399.937 182.222, 393 187.861, 393 194 C 393 198.993, 395.791 201.736, 406.229 207.003 C 455.615 231.921, 485.987 276.731, 489.914 330.470 C 495.216 403.024, 447.937 468.377, 377.500 485.855 C 353.979 491.691, 326.459 491.579, 303.197 485.551 C 251.807 472.235, 210.085 430.251, 196.892 378.578 C 192.318 360.662, 192.040 354.333, 192.020 267.527 L 192 185.554 216.297 209.777 C 240.663 234.069, 241.434 234.669, 247.427 234.022 C 253.192 233.400, 257.043 226.691, 255.069 220.708 C 253.612 216.295, 187.608 150.455, 184 149.816 C 182.625 149.572, 180.150 149.725, 178.500 150.156" stroke="none" fill="white" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..c2a49f4
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/vite.config.ts b/vite.config.ts
index de5cb31..5d700d3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,11 +1,95 @@
-import { fileURLToPath, URL } from 'node:url'
-
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import { VitePWA } from 'vite-plugin-pwa'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    VitePWA({
+      manifest: {
+        name: 'Loopycode',
+        short_name: 'Loopycode',
+        description: 'Feedback loop when coding',
+        theme_color: '#192a56',
+        icons: [
+          {
+            src: 'favicon/apple-touch-icon-60x60.png',
+            sizes: '60x60',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/apple-touch-icon-76x76.png',
+            sizes: '76x76',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/apple-touch-icon-120x120.png',
+            sizes: '120x120',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/apple-touch-icon-152x152.png',
+            sizes: '152x152',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/apple-touch-icon-180x180.png',
+            sizes: '180x180',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/apple-touch-icon.png',
+            sizes: '180x180',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/favicon-16x16.png',
+            sizes: '16x16',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/favicon-32x32.png',
+            sizes: '32x32',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/msapplication-icon-144x144.png',
+            sizes: '144x144',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/mstile-150x150.png',
+            sizes: '150x150',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/android-chrome-192x192.png',
+            sizes: '192x192',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/android-chrome-512x512.png',
+            sizes: '512x512',
+            type: 'image/png'
+          },
+          {
+            src: 'favicon/android-chrome-maskable-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+            purpose: 'maskable'
+          },
+          {
+            src: 'favicon/android-chrome-maskable-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'maskable'
+          }
+        ]
+      }
+    })
+  ],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))