Fix: Serve React app as static file instead of Django template

backend/api/api/urls.py

@@ -2,20 +2,26 @@ from django.contrib import admin
 from django.urls import path, include, re_path
 from django.conf.urls.static import static
 from django.conf import settings
+from django.http import HttpResponse
 from django.views.generic import TemplateView
-from django.http import JsonResponse
 from rest_framework import permissions
 from drf_yasg.views import get_schema_view
 from drf_yasg import openapi
+import os
 
 # Health check view
 def health_check(request):
     """Simple health check endpoint for Hugging Face"""
-    return JsonResponse({
-        'status': 'healthy',
-        'service': 'Intel Image Classifier API',
-        'version': '1.0.0'
-    })
+    return HttpResponse("OK", content_type="text/plain")
+
+# React app view - serve the built index.html
+def react_app(request):
+    """Serve the React app's index.html"""
+    try:
+        with open(os.path.join(settings.STATIC_ROOT, 'frontend', 'index.html'), 'r', encoding='utf-8') as f:
+            return HttpResponse(f.read(), content_type='text/html')
+    except FileNotFoundError:
+        return HttpResponse("React app not found. Please check if frontend was built correctly.", status=500)
 
 schema_view = get_schema_view(
     openapi.Info(
@@ -37,7 +43,7 @@ urlpatterns = [
     path('swagger/', schema_view.with_ui('swagger', cache_timeout=0), name='schema-swagger-ui'),
     path('redoc/',   schema_view.with_ui('redoc',   cache_timeout=0), name='schema-redoc'),
     # Serve React frontend - catch-all for React Router
-    re_path(r'^(?!api|admin|swagger|redoc|static|media|health).*$', TemplateView.as_view(template_name='frontend/index.html')),
+    re_path(r'^(?!api|admin|swagger|redoc|static|media|health).*$', react_app),
 ]
 
 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)