Fix client directory API URL and authentication - update all client files to use HF backend

client/src/contexts/AuthContext.tsx

@@ -5,7 +5,7 @@ interface User {
   id: string;
   username: string;
   email: string;
-  role: 'student' | 'instructor' | 'admin';
+  role: 'student' | 'instructor' | 'admin' | 'visitor';
   targetCultures: string[];
   nativeLanguage?: string;
 }
@@ -53,10 +53,39 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
       api.defaults.headers.common['Authorization'] = `Bearer ${token}`;
       fetchUser();
     } else {
-      setLoading(false);
+      // Auto-setup visitor authentication
+      setupVisitorAuth();
     }
   }, []);
 
+  const setupVisitorAuth = async () => {
+    try {
+      const response = await api.post('/api/auth/login', { 
+        email: 'visitor@example.com' 
+      });
+      const { token, user } = response.data;
+      
+      localStorage.setItem('token', token);
+      api.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+      setUser(user);
+    } catch (error) {
+      console.error('Failed to setup visitor auth:', error);
+      // Set a fallback visitor token
+      const fallbackToken = `visitor_${Date.now()}`;
+      localStorage.setItem('token', fallbackToken);
+      api.defaults.headers.common['Authorization'] = `Bearer ${fallbackToken}`;
+      setUser({
+        id: 'visitor',
+        username: 'Visitor',
+        email: 'visitor@example.com',
+        role: 'visitor',
+        targetCultures: []
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+
   const fetchUser = async () => {
     try {
       const response = await api.get('/api/auth/profile');
@@ -65,6 +94,9 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
       console.error('Failed to fetch user:', error);
       localStorage.removeItem('token');
       delete api.defaults.headers.common['Authorization'];
+      // Try to setup visitor auth as fallback
+      setupVisitorAuth();
+      return;
     } finally {
       setLoading(false);
     }
@@ -100,28 +132,28 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
     localStorage.removeItem('token');
     delete api.defaults.headers.common['Authorization'];
     setUser(null);
+    // Setup visitor auth after logout
+    setupVisitorAuth();
   };
 
   const updateProfile = async (data: Partial<User>) => {
     try {
       const response = await api.put('/api/auth/profile', data);
-      setUser(response.data.user);
+      setUser(response.data);
     } catch (error: any) {
       throw new Error(error.response?.data?.error || 'Profile update failed');
     }
   };
 
-  const value: AuthContextType = {
-    user,
-    loading,
-    login,
-    register,
-    logout,
-    updateProfile,
-  };
-
   return (
-    <AuthContext.Provider value={value}>
+    <AuthContext.Provider value={{
+      user,
+      loading,
+      login,
+      register,
+      logout,
+      updateProfile
+    }}>
       {children}
     </AuthContext.Provider>
   );

client/src/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
+import { AuthProvider } from './contexts/AuthContext';
 import './index.css';
 import App from './App';
 
@@ -11,7 +12,9 @@ const root = ReactDOM.createRoot(
 root.render(
   <React.StrictMode>
     <BrowserRouter>
-      <App />
+      <AuthProvider>
+        <App />
+      </AuthProvider>
     </BrowserRouter>
   </React.StrictMode>
 ); 

client/src/services/api.ts

@@ -1,14 +1,24 @@
 import axios from 'axios';
 
 // Create axios instance with base configuration
+// FORCE REBUILD: Updated API URL to fix production build
 const api = axios.create({
-  baseURL: process.env.REACT_APP_API_URL || 'http://localhost:5000/api',
+  baseURL: 'https://linguabot-transcreation-backend.hf.space/api',
   headers: {
     'Content-Type': 'application/json',
   },
   timeout: 10000, // 10 second timeout
 });
 
+// Debug: Log the API URL being used
+console.log('🔧 API CONFIGURATION DEBUG - CLIENT BUILD:');
+console.log('API Base URL: https://linguabot-transcreation-backend.hf.space/api');
+console.log('Environment variables:', {
+  REACT_APP_API_URL: process.env.REACT_APP_API_URL,
+  NODE_ENV: process.env.NODE_ENV
+});
+console.log('Build timestamp:', new Date().toISOString()); // Force rebuild - Updated for data restoration
+
 // Request interceptor to add auth token and user role
 api.interceptors.request.use(
   (config) => {
@@ -28,6 +38,10 @@ api.interceptors.request.use(
       }
     }
     
+    // Debug: Log the actual request URL
+    console.log('🚀 Making API request to:', (config.baseURL || '') + (config.url || ''));
+    console.log('🔑 Auth token:', token ? 'Present' : 'Missing');
+    
     return config;
   },
   (error) => {
@@ -38,14 +52,24 @@ api.interceptors.request.use(
 // Response interceptor to handle errors
 api.interceptors.response.use(
   (response) => {
+    console.log('✅ API response received:', response.config.url);
     return response;
   },
   (error) => {
+    console.error('❌ API request failed:', error.config?.url, error.message);
     if (error.response?.status === 401) {
       // Token expired or invalid
       localStorage.removeItem('token');
       localStorage.removeItem('user');
       window.location.href = '/login';
+    } else if (error.response?.status === 429) {
+      // Rate limit exceeded - retry after delay
+      console.warn('Rate limit exceeded, retrying after delay...');
+      return new Promise(resolve => {
+        setTimeout(() => {
+          resolve(api.request(error.config));
+        }, 2000); // Wait 2 seconds before retry
+      });
     } else if (error.response?.status === 500) {
       console.error('Server error:', error.response.data);
     } else if (error.code === 'ECONNABORTED') {