Create api.js

frontend/src/services/api.js

@@ -0,0 +1,58 @@
+import axios from 'axios';
+
+// Get the current hostname and port for the API
+const getApiUrl = () => {
+  const hostname = window.location.hostname;
+  return `http://${hostname}:5000/api`;
+};
+
+const api = axios.create({
+  baseURL: getApiUrl(),
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+// Add request interceptor
+api.interceptors.request.use(
+  (config) => {
+    // You can add authentication headers here if needed
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+// Add response interceptor
+api.interceptors.response.use(
+  (response) => {
+    return response;
+  },
+  (error) => {
+    if (error.response) {
+      // Handle specific error cases
+      switch (error.response.status) {
+        case 401:
+          // Handle unauthorized
+          break;
+        case 403:
+          // Handle forbidden
+          break;
+        case 404:
+          // Handle not found
+          break;
+        case 500:
+          // Handle server error
+          break;
+        default:
+          // Handle other errors
+          break;
+      }
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default api;