diff --git a/icon-192x192.png b/icon-192x192.png
new file mode 100644
index 0000000..8bfd8b6
Binary files /dev/null and b/icon-192x192.png differ
diff --git a/icon-512x512.png b/icon-512x512.png
new file mode 100644
index 0000000..9a68978
Binary files /dev/null and b/icon-512x512.png differ
diff --git a/index.html b/index.html
index 0191123..482bed4 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,9 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
   <link rel="stylesheet" href="responsive.css">
 
+  <link rel="manifest" href="/manifest.json">
+
+
   <style>
 
     
@@ -1001,6 +1004,10 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: darkorange;">
       animateCircles();
     });
   </script>
+
+<script src="script.js"></script> <!-- Link to your service worker registration script -->
+
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..7ee1676
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,24 @@
+{
+
+    "name": "Bobble-AI",
+    "short_name": "Bobble-AI",
+    "start_url": "/", 
+    "display": "standalone",
+    "background_color": "#ffffff",
+    "theme_color": "#000000",
+    "icons": [
+      {
+        "src": "/icon-192x192.png",
+        "sizes": "192x192",
+        "type": "image/png"
+      },
+      {
+        "src": "/icon-512x512.png",
+        "sizes": "512x512",
+        "type": "image/png"
+      }
+    ]
+
+  }
+
+  
\ No newline at end of file
diff --git a/scripts.js b/scripts.js
new file mode 100644
index 0000000..73ec269
--- /dev/null
+++ b/scripts.js
@@ -0,0 +1,15 @@
+// Register the service worker
+if ('serviceWorker' in navigator) {
+
+    window.addEventListener('load', () => {
+        navigator.serviceWorker.register('/sw.js') // Pointing to the sw.js file
+            .then(registration => {
+                console.log('ServiceWorker registration successful:', registration);
+            })
+            .catch(error => {
+                console.error('ServiceWorker registration failed:', error);
+            });
+    });
+
+}
+
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..4134f07
--- /dev/null
+++ b/sw.js
@@ -0,0 +1,47 @@
+const CACHE_NAME = 'my-pwa-cache-v1';
+const urlsToCache = [
+  '/',
+  '/index.html',
+  '/styles.css',
+  '/scripts.js',
+  '/manifest.json',
+  '/icon-192x192.png',
+  '/icon-512x512.png'
+];
+
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then((cache) => {
+        return cache.addAll(urlsToCache);
+      })
+  );
+});
+
+
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    caches.match(event.request)
+      .then((response) => {
+        return response || fetch(event.request);
+      })
+  );
+});
+
+
+self.addEventListener('activate', (event) => {
+  const cacheWhitelist = [CACHE_NAME];
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames.map((cacheName) => {
+          if (!cacheWhitelist.includes(cacheName)) {
+            return caches.delete(cacheName);
+          }
+        })
+      );
+    })
+  );
+});
+