diff --git a/src/app/(web)/transcribe/page.tsx b/src/app/(web)/transcribe/page.tsx
index 5a9dfac..205e4a1 100644
--- a/src/app/(web)/transcribe/page.tsx
+++ b/src/app/(web)/transcribe/page.tsx
@@ -2,7 +2,7 @@
 //import Hero1 from '@/components/Hero1'
 //IMPORT THE HERO1 FUNCTION TO MAKE THE TRANSCRIBE PAGE LOOK BETTER
 import React, { useState, useRef } from "react";
-import axios from "axios";
+// import axios from "axios";
 
 const AudioTranscriber: React.FC = () => {
   const [file, setFile] = useState<File | null>(null);
@@ -32,24 +32,25 @@ const AudioTranscriber: React.FC = () => {
 
     const formData = new FormData();
     formData.append("file", audioFile);
-
+    console.log(audioFile);
     setLoading(true);
     setError(null); // Clear previous errors
     try {
-      const response = await axios.post("http://localhost:8000/transcribe", formData, {
+      const response = await fetch("/api/transcribe", {
+        method: "POST",
+        body: formData,
         headers: {
           "Content-Type": "multipart/form-data",
-        },
-      });
+        }
+      }) 
+      console.log("Transcription response:", response);
 
-      console.log("Transcription response:", response.data);
-
-      if (response.data && response.data.transcription) {
-        setTranscription(response.data.transcription);
-      } else {
-        setError("Unexpected response format. Check backend API.");
-        console.error("Invalid response format:", response.data);
-      }
+      // if (response.data && response.data.transcription) {
+      //   setTranscription(response.data.transcription);
+      // } else {
+      //   setError("Unexpected response format. Check backend API.");
+      //   console.error("Invalid response format:", response.data);
+      // }
     } catch (error) {
       console.error("Error transcribing audio:", error);
       setError("Failed to transcribe audio. Please try again.");
diff --git a/tsconfig.json b/tsconfig.json
index acdf0c3..4c0236c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,6 +22,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx", "src/app/(web)/page.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx", "src/app/(web)/page.jsx", "src/app/(web)/transcribe/page.jsx"],
   "exclude": ["node_modules"]
 }