Added Progressive Web App Support

index.html

@@ -7,6 +7,7 @@
   <title>Flipkart</title>
   <link rel="icon" type="image/x-icon" href="images/flipkart_lite.png">
   <link rel="stylesheet" href="style.css" />
+  <link rel="manifest" href="manifest.json" />
   <link rel="stylesheet" href="./index.css" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
@@ -587,7 +588,11 @@ <h3>ABOUT</h3>
   document.getElementById("year").innerHTML = new Date().getFullYear();
   </script>
 
-
+<script>
+  if('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/sw.js', { scope: '/' });
+  }
+  </script>
 
 </body>
 

manifest.json

@@ -0,0 +1,22 @@
+{
+    "background_color": "#ffffff",
+    "dir": "ltr",
+    "display": "standalone",
+    "name": "Flipkart Clone",
+    "orientation": "any",
+    "scope": "/",
+    "short_name": "Flipkart Clone",
+    "start_url": "/",
+    "theme_color": "#ffffff",
+    "icons": [
+      {
+        "src": "flipkart_icon.png",
+        "type": "image/png",
+        "sizes": "384x384"
+      },
+      {
+        "src": "flipkart_icon.ico",
+        "type": "image/x-icon"
+      }
+    ]
+}

sw.js

@@ -0,0 +1,18 @@
+// This is the "Offline copy of pages" service worker
+
+const CACHE = "flipkart-clone";
+
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js');
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+workbox.routing.registerRoute(
+  new RegExp('/*'),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE
+  })
+);