From 39e162f65c66f405d09b2170ea4f1eeb310789c2 Mon Sep 17 00:00:00 2001
From: Kailasdevdas <kailasdevdas32@gmail.com>
Date: Thu, 16 Apr 2026 19:49:06 +0530
Subject: [PATCH] feat: use API base URL from env

---
 frontend/.gitignore                                 |  5 +++++
 frontend/src/api/client.ts                          |  4 ++--
 .../BytescaleUploader/BytescaleUploader.tsx         | 13 +++++--------
 frontend/src/services/api.ts                        |  2 +-
 frontend/src/vite-env.d.ts                          |  1 +
 5 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/vite-env.d.ts

diff --git a/frontend/.gitignore b/frontend/.gitignore
index a547bf3..577121c 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -22,3 +22,8 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+#env files
+.env
+.env.*.local
+
diff --git a/frontend/src/api/client.ts b/frontend/src/api/client.ts
index 65271bd..1f751f6 100644
--- a/frontend/src/api/client.ts
+++ b/frontend/src/api/client.ts
@@ -1,10 +1,10 @@
 import axios from "axios";
 import type {InternalAxiosRequestConfig} from "axios";
 
-const BASE_URL: string = "http://localhost:3000/api";
+const baseURL: string = import.meta.env.VITE_API_URL;
 
 const apiClient = axios.create({
-	baseURL: BASE_URL,
+	baseURL: baseURL,
 	headers: {
 		"Content-Type": "application/json",
 	},
diff --git a/frontend/src/components/BytescaleUploader/BytescaleUploader.tsx b/frontend/src/components/BytescaleUploader/BytescaleUploader.tsx
index 540b793..e4e1646 100644
--- a/frontend/src/components/BytescaleUploader/BytescaleUploader.tsx
+++ b/frontend/src/components/BytescaleUploader/BytescaleUploader.tsx
@@ -14,6 +14,7 @@ export function BytescaleUploader({
 	onChange,
 	folderPath,
 }: BytescaleUploaderProps) {
+	const baseURL = import.meta.env.VITE_API_URL;
 	const [isUploading, setIsUploading] = useState(false);
 	const fileInputRef = useRef<HTMLInputElement>(null);
 
@@ -33,15 +34,11 @@ export function BytescaleUploader({
 		formData.append("folderPath", folderPath);
 
 		try {
-			const response = await axios.post(
-				"http://localhost:3000/api/upload",
-				formData,
-				{
-					headers: {
-						"Content-Type": "multipart/form-data",
-					},
+			const response = await axios.post(`${baseURL}/upload`, formData, {
+				headers: {
+					"Content-Type": "multipart/form-data",
 				},
-			);
+			});
 
 			const {fileUrl} = response.data;
 			onChange(fileUrl);
diff --git a/frontend/src/services/api.ts b/frontend/src/services/api.ts
index 59db7d5..fb2fdcb 100644
--- a/frontend/src/services/api.ts
+++ b/frontend/src/services/api.ts
@@ -1,7 +1,7 @@
 import axios from "axios";
 
 const api = axios.create({
-	baseURL: "http://localhost:3000/api",
+	baseURL: import.meta.env.VITE_API_URL,
 });
 
 api.interceptors.request.use((config) => {
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/frontend/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />