diff --git a/client/.env.sample b/client/.env.sample
index f009725..48e4eab 100644
--- a/client/.env.sample
+++ b/client/.env.sample
@@ -1 +1 @@
-VITE_BASE_URL = 
\ No newline at end of file
+VITE_BASE_URL = "http://localhost:8080"
\ No newline at end of file
diff --git a/client/src/components/DocGrid/DocGrid.jsx b/client/src/components/DocGrid/DocGrid.jsx
index 3ea9d1a..5514aab 100644
--- a/client/src/components/DocGrid/DocGrid.jsx
+++ b/client/src/components/DocGrid/DocGrid.jsx
@@ -179,7 +179,7 @@ const DocGrid = () => {
               }}
             />
             <button
-              className="rounded-md mt-3 mb-10 rounded-l-none pl-4 bg-indigo-600 text-white px-6 text-lg font-semibold py-4 rounded-r-md"
+              className="rounded-md mt-3 mb-10 rounded-l-none pl-4 bg-indigo-600 text-white px-6 text-lg font-semibold py-4 rounded-r-md hover:bg-indigo-500"
               onClick={() => {
                 window.location.href = `?search=${encodeURIComponent(
                   searchInput
@@ -196,11 +196,11 @@ const DocGrid = () => {
               }}
               className={`flex-1 border-2 ${
                 activeTab === "All"
-                  ? "bg-indigo-600 text-white"
-                  : "border-black"
-              } rounded-lg p-2 `}
+                  ? "bg-indigo-600 text-white "
+                  : "border-black hover:bg-slate-200"
+              } rounded-lg p-2 hover:bg-indigo-500 cursor-pointer `}
             >
-              <h2 className="text-2xl font-bold tracking-tight  justify-center flex text-center">
+              <h2 className="text-2xl font-bold tracking-tight justify-center flex text-center">
                 All Notes
               </h2>
             </div>
@@ -210,9 +210,9 @@ const DocGrid = () => {
               }}
               className={`flex-1 border-2 ${
                 activeTab === "BookMarked"
-                  ? "bg-indigo-600 text-white"
-                  : "border-black"
-              } rounded-lg p-2 `}
+                  ? "bg-indigo-600 text-white "
+                  : "border-black hover:bg-slate-200"
+              } rounded-lg p-2 hover:bg-indigo-500 cursor-pointer `}
             >
               <h2 className="text-2xl font-bold tracking-tight first-center justify-center flex text-center">
                 BookMarked Notes
@@ -311,7 +311,7 @@ const DocGrid = () => {
                           aria-labelledby="information-heading"
                           className="mt-2 gap-4 flex flex-col"
                         >
-                          <h2 className="text-2xl font-bold text-gray-900 sm:pr-12">
+                          <h2 className="text-</h2>2xl font-bold text-gray-900 sm:pr-12">
                             {note_.title}
                           </h2>
                           <h3 id="information-heading" className="sr-only">
diff --git a/server/.env.sample b/server/.env.sample
index ca9f6ec..2cb2d50 100644
--- a/server/.env.sample
+++ b/server/.env.sample
@@ -1,6 +1,6 @@
-PORT = 
-MONGODB_URI = 
-SECRET = 
-ORIGIN = 
-APP_EMAIL = 
-APP_PASSWORD = 
\ No newline at end of file
+PORT = 8080
+MONGODB_URI = "mongodb+srv://swapnilskumar99:7yOlhRjMJCGXi5SS@cluster0.s5vxjxw.mongodb.net/"
+SECRET = "N()U*(#@HDF(*#XGH*&#^G)#(UXJX#)U)"
+ORIGIN = "http://localhost:5173"
+APP_EMAIL = "examtime.official.dev@gmail.com"
+APP_PASSWORD = "eivc xnuz bmeg jutk"
\ No newline at end of file
diff --git a/server/package-lock.json b/server/package-lock.json
index 7b366f6..8615823 100644
--- a/server/package-lock.json
+++ b/server/package-lock.json
@@ -25,6 +25,7 @@
         "method-override": "^3.0.0",
         "mongoose": "^8.0.3",
         "multer": "^1.4.5-lts.1",
+        "nodemailer": "^6.9.13",
         "passport": "^0.7.0",
         "passport-local-mongoose": "^8.0.0",
         "sharp": "^0.33.1",
@@ -3491,6 +3492,14 @@
         "node": ">= 6.13.0"
       }
     },
+    "node_modules/nodemailer": {
+      "version": "6.9.13",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.13.tgz",
+      "integrity": "sha512-7o38Yogx6krdoBf3jCAqnIN4oSQFx+fMa0I7dK1D+me9kBxx12D+/33wSb+fhOCtIxvYJ+4x4IMEhmhCKfAiOA==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/nodemon": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.0.tgz",
@@ -7191,6 +7200,11 @@
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
       "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA=="
     },
+    "nodemailer": {
+      "version": "6.9.13",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.13.tgz",
+      "integrity": "sha512-7o38Yogx6krdoBf3jCAqnIN4oSQFx+fMa0I7dK1D+me9kBxx12D+/33wSb+fhOCtIxvYJ+4x4IMEhmhCKfAiOA=="
+    },
     "nodemon": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.0.tgz",
@@ -8054,4 +8068,4 @@
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
     }
   }
-}
\ No newline at end of file
+}