diff --git a/index.html b/index.html
index 08cc12c..8990731 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,8 @@
 
   <!-- MAIN CSS -->
   <link rel="stylesheet" href="css/style.css" />
+  
+  <link rel="manifest" href="manifest.json" />
 
   <link
     rel="icon"
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..b713899
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "ChaatBazaar🍴",
+  "short_name": "ChaatBazaar",
+  "description": "Authentic Indian Street Food Delivered",
+  "start_url": "./index.html",
+  "display": "standalone",
+  "background_color": "#fff8f0",
+  "theme_color": "#ff7a00",
+  "icons": [
+    {
+      "src": "favicon.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..0eaf4fb
--- /dev/null
+++ b/sw.js
@@ -0,0 +1,23 @@
+const CACHE_NAME = 'chaat-bazaar-v1';
+const ASSETS = [
+  './',
+  './index.html',
+  './css/style.css',
+  './js/main.js',
+  './data/menu.json',
+  './favicon.png'
+];
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => cache.addAll(ASSETS))
+  );
+});
+
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
+    })
+  );
+});