diff --git a/app.js b/app.js
index 3a8b728..18e83a5 100644
--- a/app.js
+++ b/app.js
@@ -5,8 +5,10 @@ const bodyParser = require("body-parser");
 const path = require('path');
 const app = express();
 
+
 const moment = require('moment');
 const hbs = require('nodemailer-express-handlebars');
+const methodOverride = require('method-override');
 
 const {transporter}=require("./helpers/emailHelpers")
 
@@ -16,6 +18,7 @@ const Admin=require("./model/admin")
 
 app.use(bodyParser.urlencoded({ extended: true }));
 app.use(express.static("public"));
+app.use(methodOverride('_method'));
 
 const NGO=require("./model/ngo")
 const isAdmin=require("./middleware/isAdmin");
diff --git a/public/css/ngo_dashboard.css b/public/css/ngo_dashboard.css
index 019a4b8..92948ac 100644
--- a/public/css/ngo_dashboard.css
+++ b/public/css/ngo_dashboard.css
@@ -1,9 +1,52 @@
 body {
   min-height: 100vh;
-  background-color: var(--primary-color);
   transition: background-color var(--tran-03);
   margin: 0;
   font-family: "Poppins", sans-serif;
+  background-color: #e7e5e586;
+}
+.uil{
+  font-size: 1.5rem;
+}
+.nav-links {
+  padding: 0rem 1rem;
+}
+
+.logout-mode{
+  padding-left: 1.2rem;
+}
+
+/* Edit Form */
+.Edit_profile{
+  display: none;
+  justify-content: center;
+  align-items: center;
+}
+.edit_header{
+  text-align: center;
+  margin-bottom: 1rem;
+}
+.Edit_profile h4{
+  margin-bottom: 7px;
+}
+.Edit_profile button{
+  padding: 0.6rem 2rem;
+  border-radius: 10px;
+  margin: 1rem 0rem;
+  cursor: pointer;
+  font-size: medium;
+  border: 0;
+}
+.update-btn{
+  background-color: orange;
+      
+}
+.cancle-btn{
+  background-color: #3e8e41;
+}
+.edit-btns{
+  display: flex;
+  justify-content: space-between;
 }
 
 body.dark {
@@ -37,6 +80,7 @@ body.dark {
   border-radius: 12%;
 }
 
+
 .NAME-block {
   display: flex;
   gap: 5px;
@@ -54,28 +98,25 @@ body.dark {
 .top-border {
   border-style: double;
   border-color: #f07070;
+
 }
 
 .Left-name {
+  font-weight: 500;
+  font-size: 20px;
   display: inline-block;
   position: absolute;
   right: 3%;
-  padding-top: 3px;
+  
 }
 
 .top {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 10px;
+  padding: 1.2rem 1rem;
 }
 
-.Profile-sec {
-  display: flex;
-  padding: 9%;
-  justify-content: center;
-  align-content: center;
-}
 
 .dashboard {
   display: inline-block;
@@ -104,7 +145,7 @@ body.dark {
 
 .dash {
   position: fixed;
-  left: 35px;
+  left: 80px;
 }
 
 /* aditya End */
@@ -126,8 +167,10 @@ body.dark {
 }
 
 nav .logo-name {
+  text-decoration: none;
   display: flex;
   align-items: center;
+  padding: 1rem 0rem 1rem 0rem;
 }
 
 nav .logo-img {
@@ -150,7 +193,7 @@ nav .logo-name .logo_name {
 }
 
 nav .menu-items {
-  margin-top: 40px;
+  margin-top: 10px;
   height: calc(100% - 90px);
   display: flex;
   flex-direction: column;
@@ -162,12 +205,17 @@ nav .menu-items {
 }
 
 .menu-items li a {
+  color :#242526;
   display: flex;
   align-items: center;
   height: 50px;
   text-decoration: none;
   position: relative;
 }
+.manu-items li a:hover{
+  background-color: #d8d6d6;
+  border-radius: 10px;
+}
 
 .nav-links li a:hover:before {
   content: "";
@@ -175,11 +223,12 @@ nav .menu-items {
   height: 5px;
   width: 5px;
   border-radius: 50%;
-  background-color: var(--primary-color);
+  /* background-color: var(--primary-color); */
   left: -7px;
 }
 
 .menu-items li {
+  margin-bottom: 1rem;
   list-style: none;
 }
 
@@ -195,8 +244,8 @@ nav .menu-items {
 
 .menu-items li a .link-name {
   font-size: 18px;
-  font-weight: 400;
-  color: green;
+  font-weight: 600;
+  
 }
 
 .nav-links li a:hover i,
@@ -247,6 +296,10 @@ body.dark .switch::before {
 }
 
 body.dark .Profile-sec {
+  background-color: #5b5a5a;
+  color: #fff;
+}
+body.dark .Profile-sec .card {
   background-color: #333;
   color: #fff;
 }
diff --git a/public/img/user.ico b/public/img/user.ico
new file mode 100644
index 0000000..0786064
Binary files /dev/null and b/public/img/user.ico differ
diff --git a/public/img/userProfile.jpg b/public/img/userProfile.jpg
new file mode 100644
index 0000000..b369d17
Binary files /dev/null and b/public/img/userProfile.jpg differ
diff --git a/routers/NgoRoutes.js b/routers/NgoRoutes.js
index 887bb97..3b871b0 100644
--- a/routers/NgoRoutes.js
+++ b/routers/NgoRoutes.js
@@ -15,6 +15,33 @@ const Admin = require("../model/admin");
 const NGO = require("../model/ngo");
 const Query = require("../model/query"); // Adjust the path based on your project structure
 
+
+router.post("/ngo",async(req,res)=>{
+  let {email,fullName,phoneNo,address} =req.body;
+  let id=req.query.id;
+  let ngo=await NGO.findByIdAndUpdate(id,{NGOName:fullName,Mobile:phoneNo,NgoLocation:address, username:email},{new:true});
+  
+  const dooner = await User.find(); 
+  console.log(ngo);
+  return res.render("NGO-Dashboard", {
+    userId:ngo._id,
+    fullName: ngo.NGOName,
+    email: ngo.username,
+    id: ngo.NGOID,
+    phoneNo: ngo.Mobile,
+    address: ngo.NgoLocation,
+    Donation: dooner,
+    Pickup: dooner,
+    complain: "",
+  });
+}) 
+
+router.post("/ngo/:id",async(req,res)=>{
+  let deletedngo=await NGO.findByIdAndDelete(req.params.id);
+  console.log(deletedngo);
+  res.redirect("/")
+})
+
 router.post("/NGO-login", async (req, res) => {
   const username = req.body.username;
   const password = req.body.password;
@@ -30,11 +57,12 @@ router.post("/NGO-login", async (req, res) => {
       const dooner = await User.find(); // Assuming User is your Mongoose model for users
 
       res.render("NGO-Dashboard", {
+        userId:ngo._id,
         fullName: ngo.NGOName,
         email: ngo.username,
         id: ngo.NGOID,
         phoneNo: ngo.Mobile,
-        address: ngo.NGOLocation,
+        address: ngo.NgoLocation,
         Donation: dooner,
         Pickup: dooner,
         complain: "",
@@ -326,11 +354,12 @@ router.route("/reset-password-ngo").post(async (req, res) => {
       const dooner = await User.find(); 
       
       return res.render("NGO-DashBoard", {
+        userId:ngo._id,
         fullName: ngo.NGOName,
         email: ngo.username,
         id: ngo.NGOID,
         phoneNo: ngo.Mobile,
-        address: ngo.NGOLocation,
+        address: ngo.NgoLocation,
         Donation: dooner,
         Pickup: dooner,
         complain: "",
diff --git a/routers/userRoutes.js b/routers/userRoutes.js
index 281a298..04e2d40 100644
--- a/routers/userRoutes.js
+++ b/routers/userRoutes.js
@@ -72,6 +72,41 @@ router.post("/", async function (req, res) {
   }
 });
 
+
+router.post("/user",async(req,res)=>{
+    let {email,fullName,phoneNo,address} =req.body;
+    console.log(req.body);
+    let id=req.query.id;
+    let foundUser=await User.findByIdAndUpdate(id,{fullName:fullName,Mobile:phoneNo,address:address, email:email},{new:true});
+    // res.redirect("/login");
+    const userQuerys = await Query.find({ user_id: foundUser._id });
+
+    const donationInfo = {
+      food: foundUser.foodInventory,
+      city: foundUser.city,
+      flat: foundUser.flatNo,
+      destination: foundUser.destinaion,
+      acceptedBy: foundUser.acceptedBy,
+      status: foundUser.status,
+    };
+
+    return res.render("UserDashBoard", {
+        userId:foundUser._id,
+        fullName: foundUser.fullName,
+        email: foundUser.email,
+        phoneNo: foundUser.Mobile,
+        address: foundUser.address,
+        complain: userQuerys,
+        donationInfo: donationInfo,
+    });
+})
+
+router.post("/user/:id",async (req,res)=>{
+  // console.log(req.params.id);
+  await User.findByIdAndDelete(req.params.id);
+  return res.redirect("/");
+})
+ 
 // user login (seems to be something wrong here - user cant login even if he gives correct credentials)
 router.post("/login", async function (req, res) {
   const { username, password } = req.body;
@@ -98,6 +133,7 @@ router.post("/login", async function (req, res) {
 
     if (result) {
       return res.render("UserDashBoard", {
+        userId:foundUser._id,
         fullName: foundUser.fullName,
         email: foundUser.email,
         phoneNo: foundUser.Mobile,
@@ -217,6 +253,7 @@ router.post("/approve-donation/:email/:ngoEmail", async (req, res) => {
       const dooner = await User.find(); // Assuming User is your Mongoose model for users
 
       res.render("NGO-Dashboard", {
+        userId:ngo._id,
         fullName: ngo.NGOName,
         email: ngo.username,
         id: ngo.NGOID,
@@ -321,6 +358,7 @@ router.post("/User_singUp", async function (req, res) {
     const userQuerys = await Query.find({ user_id: foundUser._id });
 
     return res.render("UserDashBoard", {
+      userId:foundUser._id,
       fullName: foundUser.fullName,
       email: foundUser.email,
       phoneNo: foundUser.Mobile,
@@ -465,6 +503,7 @@ router.route("/reset-password-user").post(async (req, res) => {
       await user.save();
       const userQuerys = await Query.find({ user_id: user._id });
       return res.render("UserDashBoard", {
+        userId:user._id,
         fullName: user.fullName,
         email: user.email,
         phoneNo: user.Mobile,
@@ -497,6 +536,7 @@ router.post("/delete-query/:id/:email", async (req, res) => {
     const userQuerys = await Query.find({ user_id: foundUser._id });
 
     return res.render("UserDashBoard", {
+      userId:foundUser._id,
       fullName: foundUser.fullName,
       email: foundUser.email,
       phoneNo: foundUser.Mobile,
@@ -542,6 +582,7 @@ router.post("/donation-status/:email", async (req, res) => {
             };
             const userQuerys = await Query.find({ user_id: user._id });
             return res.render("UserDashBoard", {
+              userId:user._id,
               fullName: user.fullName,
               email: user.email,
               phoneNo: user.Mobile,
@@ -554,6 +595,7 @@ router.post("/donation-status/:email", async (req, res) => {
             const ngo = await NGO.findOne({ NGOName: user.acceptedBy });
 
             res.render("NGO-Dashboard", {
+              userId:user._id,
               fullName: ngo.NGOName,
               email: ngo.username,
               id: ngo.NGOID,
diff --git a/views/NGO-Dashboard.ejs b/views/NGO-Dashboard.ejs
index 9ce8e19..4d8f131 100644
--- a/views/NGO-Dashboard.ejs
+++ b/views/NGO-Dashboard.ejs
@@ -14,6 +14,89 @@
     <link rel="stylesheet" href="/css/ngo_dashboard.css">
 
     <style>
+        .Profile-sec{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            box-sizing: content-box;
+        }
+
+        .card{
+            width: 500px;
+            background-color: #FFF;
+            padding: 2rem;
+            border-radius: 1rem;
+            box-shadow: 10px 10px 10px #0004;
+            margin-top: 1.5rem;
+        }
+        .card-body{
+            margin-top: 2rem;
+        }
+        .imag-box{
+            display: flex;
+            align-items: center;
+            padding: 1rem 1rem 1rem 2rem;
+        }
+        
+        .imag-box img{
+            height: 5rem;
+            width: 5rem;
+            padding: 0.5rem;
+            border: 4px solid #F07070;
+            border-radius: 50%;
+            margin-right: 1.5rem;   
+        }
+        .text-secondary{
+            opacity: 0.7;
+        }
+
+        .user-detail{
+            display: flex;
+            align-items: baseline;
+            padding: 1rem 3rem 1rem 2rem;
+            justify-content: space-between;
+        }
+
+        .delete-btn{
+            padding: 0.3rem 0.5rem;
+            font-size: medium;
+            border-radius: 0.5rem;
+            background-color: #F07070;
+            color: #fff;
+            border: none;
+            cursor: pointer;
+        }
+        .edit-btn{
+            padding:0.3rem 0.5rem;
+            font-size: medium;
+            border-radius:  0.5rem;
+            background-color: #fff;
+            color: #000;
+            border-width: 1px;
+            margin-right: 1rem;
+            cursor: pointer;
+        
+        }
+        .buttons{
+            display: flex;
+            justify-content: end;
+            padding: 1.5rem 0rem;
+        }
+
+        /* Profile Section */
+        
+        input[type="text"],
+        input[type="number"],
+        input[type="email"],
+        select {
+            width: 100%;
+            padding: 8px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            box-sizing: border-box;
+            margin-bottom: 10px;
+        }
+        
         .progress-section {
             width: 100%;
             display: flex;
@@ -169,19 +252,66 @@
         </div>
         <hr class="top-border">
         <section class="Profile-sec">
-            <div class="Donatebox">
-                <div class="NAME-block">
-                    <h4 class="User-Name">Full Name: <%= fullName %>
-                    </h4>
-                    <h4 class="User-Email">Email: <%= email %>
-                    </h4>
-                    <h4 class="User-Phone">Phone No: <%= phoneNo %>
-                    </h4>
-                    <h4 class="User-Adderss">Address: <%= address %>
-                    </h4>
+            <div class="card">
+                <div class="card-header">
+                    <h2 style="padding-left: 2rem;">User Information</h2>
+                </div>
+                <div class="card-body">
+                    <div class="imag-box">
+                        <img src="../img/user.ico" alt="" srcset="">
+                        <div class="info">
+                            <h3><%= fullName %></h3>
+                            <p class="text-secondary"><%=email%></p>
+                        </div>
+                        
+                    </div>
+                    <div class="user-detail">
+                        <div class="" style="margin-right: 2rem;">
+                            <p class="text-secondary">Phone No.</p>
+                            <p ><%= phoneNo %></p>
+                        </div>
+                        <div class="">
+                            <p class="text-secondary">Address</p>
+                            <p ><%= address%></p>
+                        </div>
+                    </div>
+                    <div class="buttons">
+                        <button type="button" class=" edit-btn">Edit</button>
+                        <form action="/ngo/<%=userId%>" method="post">
+                            <button type="submit " class="delete-btn">Delete</button>
+                        </form>
+                    </div>
                 </div>
             </div>
         </section>
+        <!-- Profile Edit Section -->
+        <section class="Edit_profile">
+            <div class="card">
+                <h2  class="edit_header">Update  Information</h2>
+                <form action="/ngo?id=<%=userId%>" method="post">
+                    <div  class="">
+                        <h4>Name</h4>
+                        <input type="text" name="fullName" value="<%=fullName%>" >
+                    </div>
+                    <div class="">
+                        <h4>Email</h4>
+                        <input type="email" name="email" value="<%=email%>" >
+                    </div>
+                    <div class="">
+                        <h4>Phone No</h4>
+                        <input type="number" name="phoneNo" value="<%=phoneNo%>" >
+                    </div>
+                    <div class="">
+                        <h4>Address</h4>
+                        <input type="text" name="address" value="<%=address%>" >
+                    </div>
+                    <div class="edit-btns">
+                        <button type="submit" class=" update-btn"> Update Me</button>
+                        <button type="button " class="cancle-btn"> Cancle </button>
+                    </div>
+                </form>
+            </div>
+        </section>
         <section class="NGO-sec" style="display: none;">
             <h2 style="text-align: center; margin-bottom: 2rem;">Pending Donation Pickup : <%= (Donation.filter(user=>
                     user.foodInventory.length !== 0 && user.approved == false)).length %></h2>
@@ -384,12 +514,12 @@
     <!-- Sliding menu -->
 
     <nav class="sliding-menu">
-        <div class="logo-name">
+        <a href="/" class="logo-name">
             <div class="logo-img">
                 <img src="img/logo.png" alt="logo">
             </div>
             <span class="logo_name">Petari</span>
-        </div>
+        </a>
         <div class="menu-items">
             <ul class="nav-links">
                 <li><a href="#">
@@ -437,6 +567,33 @@
 
     <!-- Adityas end -->
     <script>
+
+        // Edit functionality
+
+        let editbtn = document.querySelector(".edit-btn");
+        let Profile_box = document.querySelector(".Profile-sec");
+        let Edit_box = document.querySelector(".Edit_profile");
+        let cancle_btn = document.querySelector(".cancle-btn");
+
+
+        if(editbtn){
+            editbtn.addEventListener('click',(e)=>{
+                e.preventDefault();            
+                Profile_box.style.display="none";
+                Edit_box.style.display="flex";
+
+            });
+        }
+        if(cancle_btn){
+            cancle_btn.addEventListener('click',(e)=>{
+                e.preventDefault();
+                // console.log("done");
+                Profile_box.style.display="flex";
+                Edit_box.style.display="none";
+                    
+            })
+        }
+
         function toggleMenu() {
             var menu = document.querySelector('.sliding-menu');
             menu.style.width = menu.style.width === '25%' ? '0' : '25%';
diff --git a/views/UserDashBoard.ejs b/views/UserDashBoard.ejs
index 035279c..2418c2f 100644
--- a/views/UserDashBoard.ejs
+++ b/views/UserDashBoard.ejs
@@ -10,10 +10,12 @@
 
         body {
             min-height: 100vh;
-            background-color: var(--primary-color);
+            /* background-color: var(--primary-color); */
             transition: background-color var(--tran-03);
             margin: 0;
             font-family: 'Poppins', sans-serif;
+            background-color: #e7e5e586;
+            background-blend-mode: color-burn;
         }
 
         body.dark {
@@ -36,33 +38,10 @@
         }
 
         /* aditya start */
-
-        .Donatebox {
-            display: flex;
-            width: 35rem;
-            height: 25rem;
-            background-color: darkseagreen;
-            justify-content: center;
-            align-self: center;
-            border-radius: 12%;
-        }
-
-        .NAME-block {
-            display: flex;
-            gap: 5px;
-            flex-direction: column;
-            align-self: center;
-            justify-content: center;
-            border-radius: 7%;
-            padding-top: 5%;
-            padding-left: 10%;
-            height: 90%;
-            width: 90%;
-            background-color: var(--panel-color);
+        .logout-mode{
+            padding-left: 1.2rem;
         }
-
         .top-border {
-
             border-style: double;
             border-color: #F07070;
         }
@@ -73,21 +52,93 @@
             right: 3%;
             padding-top: 3px;
         }
+        .uil{
+            font-size: 1.5rem;
+        }
 
         .top {
+            padding: 2rem 1rem;
+            background-color: #FFF;
             display: flex;
             justify-content: space-between;
             align-items: center;
-            padding: 10px;
         }
 
-        .middle {
+
+        /* Profile Section */
+
+        .Profile-sec{
             display: flex;
-            padding: 9%;
             justify-content: center;
-            align-content: center;
+            align-items: center;
+            box-sizing: content-box;
+        }
+
+        .card{
+            width: 500px;
+            background-color: #FFF;
+            padding: 2rem;
+            border-radius: 1rem;
+            box-shadow: 10px 10px 10px #0004;
+            margin-top: 1.5rem;
+        }
+        .card-body{
+            margin-top: 2rem;
+        }
+        .imag-box{
+            display: flex;
+            align-items: center;
+            padding: 1rem 1rem 1rem 2rem;
+        }
+        
+        .imag-box img{
+            height: 5rem;
+            width: 5rem;
+            padding: 0.5rem;
+            border: 4px solid #F07070;
+            border-radius: 50%;
+            margin-right: 1.5rem;   
+        }
+        .text-secondary{
+            opacity: 0.7;
+        }
+
+        .user-detail{
+            display: flex;
+            align-items: baseline;
+            padding: 1rem 3rem 1rem 2rem;
+            justify-content: space-between;
         }
 
+        .delete-btn{
+            padding: 0.3rem 0.5rem;
+            font-size: medium;
+            border-radius: 0.5rem;
+            background-color: #F07070;
+            color: #fff;
+            border: none;
+            cursor: pointer;
+        }
+        .edit-btn{
+            padding:0.3rem 0.5rem;
+            font-size: medium;
+            border-radius:  0.5rem;
+            background-color: #fff;
+            color: #000;
+            border-width: 1px;
+            margin-right: 1rem;
+            cursor: pointer;
+        
+        }
+        .buttons{
+            display: flex;
+            justify-content: end;
+            padding: 1.5rem 0rem;
+        }
+
+        /* Profile Section */
+        
+
         .dashboard {
             display: inline-block;
             height: 100vh;
@@ -115,7 +166,10 @@
 
         .dash {
             position: absolute;
-            left: 35px;
+            left: 80px;
+        }
+        .nav-links{
+            padding: 0rem 1rem;
         }
 
         body.dark .top {
@@ -123,10 +177,48 @@
             color: #FFF;
         }
 
+        /* Edit Form */
+        .Edit_profile{
+            display: none;
+            justify-content: center;
+            align-items: center;
+        }
+        .edit_header{
+            text-align: center;
+            margin-bottom: 1rem;
+        }
+        .Edit_profile h4{
+            margin-bottom: 7px;
+        }
+        .Edit_profile button{
+            padding: 0.6rem 2rem;
+            border-radius: 10px;
+            margin: 1rem 0rem;
+            cursor: pointer;
+            font-size: medium;
+            border: 0;
+        }
+        .update-btn{
+            background-color: orange;
+                
+        }
+        .cancle-btn{
+            background-color: #3e8e41;
+        }
+        .edit-btns{
+            display: flex;
+            justify-content: space-between;
+        }
+
+        /* .Edit_profile input{
+            margin-bottom: 10px;
+        } */
+
         .donation {
             display: none;
         }
 
+
         .container {
             display: flex;
             flex-direction: column;
@@ -222,6 +314,9 @@
         nav .logo-name {
             display: flex;
             align-items: center;
+            padding-left: 1rem;
+            text-decoration: none;
+            padding-top: 1rem;
         }
 
         nav .logo-img {
@@ -244,7 +339,7 @@
         }
 
         nav .manu-items {
-            margin-top: 40px;
+            margin-top: 10px;
             height: calc(100% - 90px);
             display: flex;
             flex-direction: column;
@@ -274,8 +369,13 @@
         }
 
         .manu-items li {
+            margin-bottom: 0.87rem;
             list-style: none;
         }
+        .manu-items li:hover{
+            background-color: #d8d6d6;
+            border-radius: 10px;
+        }
 
         .manu-items li a i {
             font-size: 24px;
@@ -289,8 +389,7 @@
 
         .manu-items li a .link-name {
             font-size: 18px;
-            font-weight: 400;
-            color: green;
+            font-weight: 600;
         }
 
         .nav-links li a:hover i,
@@ -617,22 +716,68 @@
 
         </div>
         <hr class="top-border">
+        <!-- Profile section -->
         <section class="Profile-sec">
-            <div class="middle">
-                <div class="Donatebox">
-                    <div class="NAME-block">
-                        <h4 class="User-Name">Full Name: <%= fullName %>
-                        </h4>
-                        <h4 class="User-Email">Email: <%= email %>
-                        </h4>
-                        <h4 class="User-Phone">Phone No: <%= phoneNo %>
-                        </h4>
-                        <h4 class="User-Adderss">Address: <%= address %>
-                        </h4>
+            <div class="card">
+                <div class="card-header">
+                    <h2 style="padding-left: 2rem;" >User Information</h2>
+                </div>
+                <div class="card-body">
+                    <div class="imag-box">
+                        <img src="../img/user.ico" alt="" srcset="">
+                        <div class="info">
+                            <h3><%= fullName %></h3>
+                            <p class="text-secondary"><%=email%></p>
+                        </div>
+                        
+                    </div>
+                    <div class="user-detail">
+                        <div class="" style="margin-right: 2rem;">
+                            <p class="text-secondary">Phone No.</p>
+                            <p ><%= phoneNo %></p>
+                        </div>
+                        <div class="">
+                            <p class="text-secondary">Address</p>
+                            <p ><%= address%></p>
+                        </div>
+                    </div>
+                    <div class="buttons">
+                        <button type="button" class=" edit-btn">Edit</button>
+                        <form action="/user/<%=userId%>" method="post">
+                            <button type="submit " class="delete-btn">Delete</button>
+                        </form>
                     </div>
                 </div>
             </div>
         </section>
+        <!-- Profile Edit Section -->
+        <section class="Edit_profile">
+            <div class="card">
+                <h2  class="edit_header">Update  Information</h2>
+                <form action="/user?id=<%=userId%>" method="post">
+                    <div  class="">
+                        <h4>Name</h4>
+                        <input type="text" name="fullName" value="<%=fullName%>" >
+                    </div>
+                    <div class="">
+                        <h4>Email</h4>
+                        <input type="email" name="email" value="<%=email%>" >
+                    </div>
+                    <div class="">
+                        <h4>Phone No</h4>
+                        <input type="number" name="phoneNo" value="<%=phoneNo%>" >
+                    </div>
+                    <div class="">
+                        <h4>Address</h4>
+                        <input type="text" name="address" value="<%=address%>" >
+                    </div>
+                    <div class="edit-btns">
+                        <button type="submit" class=" update-btn"> Update Me</button>
+                        <button type="button " class="cancle-btn"> Cancle </button>
+                    </div>
+                </form>
+            </div>
+        </section>
         <section class="donation">
             <div class="container">
                 <div class="form-container">
@@ -726,7 +871,7 @@
         <!-- TRACK-SECTION -->
         <section class="track-sec" style="display: none;">
             <h2 style="text-align: center;">My Donation </h2>
-            <% if(donationInfo.food.length !==0){ %>
+            <% if(typeof donationInfo !==undefined && donationInfo.food.length !==0){ %>
                 <ul class="donor-list">
                     <li class="donor-item">
                         <p class="donor-name">Name : <%= fullName %>
@@ -865,12 +1010,13 @@
 
         <!-- Adityas end -->
         <nav class="sliding-menu">
-            <div class="logo-name">
+            <a href="/" class="logo-name">
                 <div class="logo-img">
                     <img src="img/logo.png" alt="logo">
                 </div>
                 <span class="logo_name">Petari</span>
-            </div>
+            </a>
+            
             <div class="manu-items">
                 <ul class="nav-links">
                     <li><a href="#">
@@ -916,6 +1062,36 @@
         </nav>
 
         <script>
+
+             // Edit functionality
+
+            let editbtn = document.querySelector(".edit-btn");
+            let Profile_box = document.querySelector(".Profile-sec");
+            let Edit_box = document.querySelector(".Edit_profile");
+            let cancle_btn = document.querySelector(".cancle-btn");
+
+
+            if(editbtn){
+                editbtn.addEventListener('click',(e)=>{
+                    e.preventDefault();            
+                    Profile_box.style.display="none";
+                    Edit_box.style.display="flex";
+
+               });
+            }
+            if(cancle_btn){
+                cancle_btn.addEventListener('click',(e)=>{
+                    e.preventDefault();
+                    // console.log("done");
+                    Profile_box.style.display="flex";
+                    Edit_box.style.display="none";
+                    
+                })
+            }
+            
+            
+
+
             function toggleMenu() {
                 var menu = document.querySelector('.sliding-menu');
                 menu.style.width = menu.style.width === '25%' ? '0' : '25%';
@@ -1131,6 +1307,9 @@
             //     // five.classList.add("active");
             // }
 
+
+            
+
         </script>
 </body>