diff --git a/backend/app/routes/auth/login.js b/backend/app/routes/auth/login.js
index 3a8d8513..57001a07 100644
--- a/backend/app/routes/auth/login.js
+++ b/backend/app/routes/auth/login.js
@@ -32,6 +32,7 @@ module.exports = async (req, res, next) => {
     name: `${userRecord.firstName} ${userRecord.lastName}`,
     email: userRecord.email,
     isSuperAdmin: userRecord.isSuperAdmin,
+    phone: userRecord.contact,
   };
   const JWT = generateJWT(JWTPayload);
   const response = { ...JWTPayload, token: JWT };
diff --git a/frontend/src/pages/Admin/Admin.jsx b/frontend/src/pages/Admin/Admin.jsx
index 77fb9a2b..1769f666 100644
--- a/frontend/src/pages/Admin/Admin.jsx
+++ b/frontend/src/pages/Admin/Admin.jsx
@@ -30,6 +30,7 @@ export const Admin = (props) => {
   const toggleNav = () => setIsMenuOpen(!isMenuOpen);
   const closeMobileMenu = () => setIsMenuOpen(false);
   const dispatch = useDispatch();
+  const firstName = localStorage.getItem("firstName");
 
   useEffect(() => {
     const token = localStorage.getItem("token");
@@ -55,7 +56,7 @@ export const Admin = (props) => {
               className={style["img-admin"]}
               alt="admin_img"
             />
-            <h1 className={style["h1"]}>Welcome Admin!</h1>
+            <h1 className={style["h1"]}>Welcome {firstName}!</h1>
           </div>
           <ul
             className={
diff --git a/frontend/src/pages/Admin/Components/Profile/Profile.jsx b/frontend/src/pages/Admin/Components/Profile/Profile.jsx
index 6f66a9c4..b4f8c831 100644
--- a/frontend/src/pages/Admin/Components/Profile/Profile.jsx
+++ b/frontend/src/pages/Admin/Components/Profile/Profile.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import EditIcon from "@material-ui/icons/Edit";
 import CloseIcon from "@material-ui/icons/Close";
 import style from "./profile.module.scss";
@@ -6,9 +6,15 @@ import style from "./profile.module.scss";
 export function Profile() {
   const [name, setName] = useState("Super Admin Name");
   const [email, setEmail] = useState("xyz@gmail.com");
-  const [phone, setPhone] = useState("+91-1234567891");
+  const [phone, setPhone] = useState("+91-123456789");
   const [edit, setEdit] = useState(false);
 
+  useEffect(() => {
+    setName(localStorage.getItem("firstName"));
+    setEmail(localStorage.getItem("email"));
+    setPhone(localStorage.getItem("phone"));
+  },[setName,setEmail,setPhone])
+
   return (
     <div className={style["profile-container"]}>
       <h1>My Profile</h1>
diff --git a/frontend/src/pages/Login/Login.jsx b/frontend/src/pages/Login/Login.jsx
index cf77035f..72e7577d 100644
--- a/frontend/src/pages/Login/Login.jsx
+++ b/frontend/src/pages/Login/Login.jsx
@@ -105,8 +105,12 @@ export function Login(props) {
             .json()
             .then((res) => {
               if (response.status === 200) {
+                const firstName = res.name.split(' ')[0];
                 localStorage.setItem("token", res.token);
                 localStorage.setItem("isSuperAdmin", res.isSuperAdmin);
+                localStorage.setItem("firstName", firstName);
+                localStorage.setItem("email", res.email);
+                localStorage.setItem("phone", res.phone);
                 window.location = "/dashboard?loggedin";
               } else if (response.status === 400) {
                 setOpenError2Toast(true);
@@ -114,7 +118,9 @@ export function Login(props) {
                 setOpenError3Toast(true);
               }
             })
-            .catch((err) => setOpenError3Toast(true))
+            .catch((err) => {
+              console.error(err);
+              setOpenError3Toast(true)})
         )
         .catch((err) => {
           setOpenError1Toast(true);