chore: add environment variable for backend

.babelrc

@@ -2,6 +2,13 @@
 	"presets": [
 		["@babel/preset-env", { "targets": { "esmodules": true } }], // It's the name of the lib you installed
 		["@babel/preset-react", { "runtime": "automatic" }], // It's the name of the lib you installed
-		"@babel/preset-typescript" // It's the name of the lib you installed
+		"@babel/preset-typescript", // It's the name of the lib you installed
+		[
+			"babel-preset-vite",
+			{
+			  "env": true,
+			  "glob": false
+			}
+		  ]
 	]
 }

.env.example

@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://localhost:3000

jest.config.ts

@@ -17,4 +17,7 @@ export default {
     ],
   ],
   testMatch: ['<rootDir>/test/**/*.(test|spec).ts?(x)'], 
+  transform: {
+    "^.+\\.[t|j]sx?$": "babel-jest",
+  },
 };

package.json

@@ -44,6 +44,7 @@
     "@typescript-eslint/parser": "^8.17.0",
     "@vitejs/plugin-react": "^4.3.3",
     "babel-jest": "^29.7.0",
+    "babel-preset-vite": "^1.1.3",
     "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",

src/config/environment.ts

@@ -1 +1 @@
-export const API_BASE_URL = 'http://localhost:3000';
+export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;