updated the requirements

Vite-React-main/src/app.js

@@ -0,0 +1,19 @@
+// frontend/src/App.js
+import React, { useEffect } from 'react';
+import { logout } from './services/authService';
+import Routes from './Routes'; // Your routing component
+
+function App() {
+  useEffect(() => {
+    const handleUnauthorized = () => {
+      logout();
+    };
+
+    window.addEventListener('app:unauthorized', handleUnauthorized);
+    return () => window.removeEventListener('app:unauthorized', handleUnauthorized);
+  }, []);
+
+  return <Routes />;
+}
+
+export default App;

Vite-React-main/src/services/api.js

@@ -0,0 +1,36 @@
+// frontend/src/services/api.js
+import axios from 'axios';
+
+// Create Axios instance
+const api = axios.create({
+  baseURL: process.env.REACT_APP_API_URL || 'http://localhost:5000/api',
+  withCredentials: false,
+});
+
+// Set token in headers
+export const setToken = (token) => {
+  if (token) {
+    api.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+  } else {
+    delete api.defaults.headers.common['Authorization'];
+  }
+};
+
+// Clear token from headers
+export const clearToken = () => {
+  delete api.defaults.headers.common['Authorization'];
+};
+
+// Interceptor for global 401 handling
+api.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response?.status === 401) {
+      // Trigger global logout or redirect
+      window.dispatchEvent(new CustomEvent('app:unauthorized'));
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default api;

Vite-React-main/src/services/authServices.js

@@ -0,0 +1,28 @@
+// frontend/src/services/authService.js
+import api, { setToken, clearToken } from './api';
+
+// Login
+export const login = async (email, password) => {
+  const response = await api.post('/auth/login', { email, password });
+  const { token, user } = response.data;
+
+  if (token) {
+    localStorage.setItem('token', token);
+    setToken(token);
+  }
+
+  return { token, user };
+};
+
+// Logout
+export const logout = () => {
+  clearToken();
+  localStorage.removeItem('token');
+  window.location.href = '/login';
+};
+
+// Get profile (example protected endpoint)
+export const getProfile = async () => {
+  const response = await api.get('/auth/profile');
+  return response.data;
+};