diff --git a/app/(default)/achievements/page.tsx b/app/(default)/achievements/page.tsx
index d5f2b96..54e429e 100644
--- a/app/(default)/achievements/page.tsx
+++ b/app/(default)/achievements/page.tsx
@@ -1,15 +1,17 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import axios from "axios";
 
 interface Achiever {
-  imageUrl: string;
-  Email: string;
-  Name: string;
-  Batch: number;
-  Portfolio: string;
-  Internship: string;
-  CompanyPosition: string;
+  imageUrl?: string;
+  image?: File;
+  email: string;
+  name: string;
+  batch: number;
+  portfolio: string;
+  internship: string;
+  companyPosition: string;
   achievements: string[];
 }
 
@@ -19,18 +21,18 @@ function AchievementCard({ achiever }: { achiever: Achiever }) {
       <div className="overflow-hidden">
         <img
           src={achiever.imageUrl}
-          alt={`${achiever.Name}'s profile`}
+          alt={`${achiever.name}'s profile`}
           className="w-full h-[300px] object-cover object-center"
         />
       </div>
       <div className="p-4">
         <h3 className="text-center text-2xl font-semibold mb-2 capitalize-first-letter">
-          {achiever.Name}
+          {achiever.name}
         </h3>
         <ul className="list-disc list-outside pl-5">
-          {achiever?.CompanyPosition && (
+          {achiever?.companyPosition && (
             <li className="text-gray-600 text-lg mb-2">
-              {achiever.CompanyPosition}
+              {achiever.companyPosition}
             </li>
           )}
           {achiever.achievements.map((achievement, index) => (
@@ -87,6 +89,22 @@ export default function AchievementsPage() {
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
+    try{
+      const formData = new FormData();
+      formData.append("image", newAchievement.image || "");
+      formData.append("email", newAchievement.email || "");
+      formData.append("name", newAchievement.name || "");
+      formData.append("batch", String(newAchievement.batch || ""));
+      formData.append("portfolio", newAchievement.portfolio || "");
+      formData.append("internship", newAchievement.internship || "");
+      formData.append("companyPosition", newAchievement.companyPosition || "");
+      formData.append("achievements", JSON.stringify(newAchievement.achievements || []));
+      const response = await axios.post("/api/achievements", formData);
+      setAchievers((prev) => [...prev, response.data]);
+      setIsModalOpen(false);
+    } catch (error) {
+      console.error("Error saving data:", error);
+    }
   };
 
   return (
@@ -98,7 +116,7 @@ export default function AchievementsPage() {
             {achievers
               .filter((_, index) => index % 3 === colIndex)
               .map((achiever) => (
-                <AchievementCard key={achiever.Email} achiever={achiever} />
+                <AchievementCard key={achiever.email} achiever={achiever} />
               ))}
           </div>
         ))}
@@ -123,11 +141,13 @@ export default function AchievementsPage() {
                 <label className="block mb-2">Email:</label>
                 <input
                   type="email"
-                  value={newAchievement.Email || ""}
+                  name="email"
+                  id="email"
+                  value={newAchievement.email || ""}
                   onChange={(e) =>
                     setNewAchievement((prev) => ({
                       ...prev,
-                      Email: e.target.value,
+                      email: e.target.value,
                     }))
                   }
                   className="w-full p-3 bg-gray-800 rounded"
@@ -138,11 +158,13 @@ export default function AchievementsPage() {
                 <label className="block mb-2">Name:</label>
                 <input
                   type="text"
-                  value={newAchievement.Name || ""}
+                  name="name"
+                  id="name"
+                  value={newAchievement.name || ""}
                   onChange={(e) =>
                     setNewAchievement((prev) => ({
                       ...prev,
-                      Name: e.target.value,
+                      name: e.target.value,
                     }))
                   }
                   className="w-full p-3 bg-gray-800 rounded"
@@ -153,11 +175,13 @@ export default function AchievementsPage() {
                 <label className="block mb-2">Batch:</label>
                 <input
                   type="number"
-                  value={newAchievement.Batch || ""}
+                  name="batch"
+                  id="batch"
+                  value={newAchievement.batch || ""}
                   onChange={(e) =>
                     setNewAchievement((prev) => ({
                       ...prev,
-                      Batch: Number(e.target.value),
+                      batch: Number(e.target.value),
                     }))
                   }
                   className="w-full p-3 bg-gray-800 rounded"
@@ -168,11 +192,13 @@ export default function AchievementsPage() {
                 <label className="block mb-2">Portfolio:</label>
                 <input
                   type="text"
-                  value={newAchievement.Portfolio || ""}
+                  name="portfolio"
+                  id="portfolio"
+                  value={newAchievement.portfolio || ""}
                   onChange={(e) =>
                     setNewAchievement((prev) => ({
                       ...prev,
-                      Portfolio: e.target.value,
+                      portfolio: e.target.value,
                     }))
                   }
                   className="w-full p-3 bg-gray-800 rounded"
@@ -187,13 +213,13 @@ export default function AchievementsPage() {
                   <label>
                     <input
                       type="radio"
-                      name="Internship"
+                      name="internship"
                       value="Yes"
-                      checked={newAchievement.Internship === "Yes"}
+                      checked={newAchievement.internship === "Yes"}
                       onChange={(e) =>
                         setNewAchievement((prev) => ({
                           ...prev,
-                          Internship: e.target.value,
+                          internship: e.target.value,
                         }))
                       }
                       className="mr-2"
@@ -203,13 +229,13 @@ export default function AchievementsPage() {
                   <label>
                     <input
                       type="radio"
-                      name="Internship"
+                      name="internship"
                       value="No"
-                      checked={newAchievement.Internship === "No"}
+                      checked={newAchievement.internship === "No"}
                       onChange={(e) =>
                         setNewAchievement((prev) => ({
                           ...prev,
-                          Internship: e.target.value,
+                          internship: e.target.value,
                         }))
                       }
                       className="mr-2"
@@ -222,11 +248,13 @@ export default function AchievementsPage() {
                 <label className="block mb-2">Company & Position:</label>
                 <input
                   type="text"
-                  value={newAchievement.CompanyPosition || ""}
+                  name="companyPosition"
+                  id="companyPosition"
+                  value={newAchievement.companyPosition || ""}
                   onChange={(e) =>
                     setNewAchievement((prev) => ({
                       ...prev,
-                      CompanyPosition: e.target.value,
+                      companyPosition: e.target.value,
                     }))
                   }
                   className="w-full p-3 bg-gray-800 rounded"
@@ -239,11 +267,15 @@ export default function AchievementsPage() {
                 </label>
                 <input
                   type="file"
+                  name="image"
+                  id="image"
+                  accept="image/jpeg, image/png, image/jpg"
                   onChange={(e) => {
                     const file = e.target.files?.[0];
                     if (file) {
                       setNewAchievement((prev) => ({
                         ...prev,
+                        image: file,
                         imageUrl: URL.createObjectURL(file),
                       }));
                     }
@@ -257,6 +289,7 @@ export default function AchievementsPage() {
                   <div key={index} className="mb-2">
                     <input
                       type="text"
+                      name="achievements"
                       value={achievement}
                       onChange={(e) =>
                         handleChangeAchievement(index, e.target.value)
diff --git a/app/(default)/api/achievements/route.ts b/app/(default)/api/achievements/route.ts
index f1816e0..c138a12 100644
--- a/app/(default)/api/achievements/route.ts
+++ b/app/(default)/api/achievements/route.ts
@@ -16,16 +16,16 @@ export async function POST(request: Request) {
     const formData = await request.formData();
 
     // Extract data from the form
-    const name = formData.get("Name") as string;
-    const email = formData.get("Email address") as string;
-    const batch = formData.get("Batch") as string;
-    const portfolio = formData.get("Portfolio/Github") as string;
-    const internship = formData.get(
-      "Doing internship or have done in past?"
-    ) as string;
-    const companyPosition = formData.get("Company and Position") as string;
-    const stipend = formData.get("Stipend") as string;
-    const achievements = formData.getAll("achievements") as string[];
+    const name = formData.get("name") as string;
+    const email = formData.get("email") as string;
+    const batch = formData.get("batch") as string;
+    const portfolio = formData.get("portfolio") as string;
+    const internship = formData.get("internship") as string;
+    const companyPosition = formData.get("companyPosition") as string;
+    const achievements = JSON.parse(
+      formData.get("achievements") as string
+    ) as string[];
+    const image = formData.get("image") as File;
 
     // Check if a person with the same name already exists
     const existingMembersQuery = query(
@@ -42,16 +42,15 @@ export async function POST(request: Request) {
     }
 
     // Handle image upload
-    const imageFile = formData.get("image") as File;
-    if (!imageFile) {
+    if (!image) {
       return NextResponse.json(
         { error: "Image file is required" },
         { status: 400 }
       );
     }
 
-    const storageRef = ref(storage, `images/${imageFile.name}`);
-    await uploadBytes(storageRef, imageFile);
+    const storageRef = ref(storage, `images/${image.name}`);
+    await uploadBytes(storageRef, image);
     const imageUrl = await getDownloadURL(storageRef);
 
     // Save data to Firestore without Timestamp
@@ -62,15 +61,19 @@ export async function POST(request: Request) {
       Portfolio: portfolio,
       Internship: internship,
       CompanyPosition: companyPosition,
-      Stipend: stipend,
       achievements: achievements,
       imageUrl: imageUrl,
     });
-
     return NextResponse.json({
-      message: "Data saved successfully",
       id: docRef.id,
       imageUrl: imageUrl,
+      name,
+      email,
+      batch,
+      portfolio,
+      internship,
+      companyPosition,
+      achievements,
     });
   } catch (error) {
     if (error instanceof Error) {
@@ -95,13 +98,25 @@ export async function GET() {
     const querySnapshot = await getDocs(collection(db, "achievements"));
 
     // Map through the documents and extract the data
-    const members = querySnapshot.docs.map(
+    const membersRaw = querySnapshot.docs.map(
       (doc: DocumentSnapshot<DocumentData>) => ({
         id: doc.id,
         ...doc.data(),
       })
     );
-
+    const members = membersRaw.map((member: any) => {
+      return {
+        id: member.id,
+        name: member.Name,
+        email: member.Email,
+        batch: member.Batch,
+        portfolio: member.Portfolio,
+        internship: member.Internship,
+        companyPosition: member.CompanyPosition,
+        achievements: member.achievements,
+        imageUrl: member.imageUrl,
+      };
+    });
     // Return the members data
     return NextResponse.json(members);
   } catch (error) {
diff --git a/package-lock.json b/package-lock.json
index 04aee73..21c8d12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "@types/react": "^18.2.42",
         "@types/react-dom": "^18.2.17",
         "aos": "^3.0.0-beta.6",
+        "axios": "^1.7.4",
         "canvas-confetti": "^1.9.3",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
@@ -7558,6 +7559,11 @@
       "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
       "peer": true
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.20",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
@@ -7595,6 +7601,16 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/axios": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
+      "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/babel-core": {
       "version": "7.0.0-bridge.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
@@ -8231,6 +8247,17 @@
       "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==",
       "peer": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/command-exists": {
       "version": "1.2.9",
       "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz",
@@ -8464,6 +8491,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/denodeify": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/denodeify/-/denodeify-1.2.1.tgz",
@@ -8882,6 +8917,25 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/foreground-child": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
@@ -8897,6 +8951,19 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -10595,7 +10662,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "peer": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -10607,7 +10673,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "peer": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -11563,6 +11628,11 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/querystring": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.1.tgz",
diff --git a/package.json b/package.json
index 381d8c7..d5451fe 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.2.17",
     "aos": "^3.0.0-beta.6",
+    "axios": "^1.7.4",
     "canvas-confetti": "^1.9.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -31,9 +32,7 @@
     "next-themes": "^0.3.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-
     "react-hook-form": "^7.52.2",
-
     "react-icons": "^5.3.0",
     "react-spinners": "^0.14.1",
     "react-spring": "^9.7.4",