Upload 2 files

Dockerfile

@@ -1,27 +1,47 @@
-# Use a single Node.js base image
-FROM node:18-bullseye
+# Multi-stage build: Build frontend first
+FROM node:18-bullseye AS frontend-build
 
 # Create app directory
 WORKDIR /app
 
-# Copy package files
-COPY frontend/package*.json ./frontend/
-COPY backend/package*.json ./backend/
+# Copy frontend files
+COPY frontend/package*.json ./
+RUN npm install
+
+# Copy frontend source
+COPY frontend/ ./
+
+# Build the frontend
+RUN npm run build
+
+# Backend build
+FROM node:18-bullseye AS backend-build
+
+WORKDIR /app
+COPY backend/package*.json ./
+RUN npm install
+COPY backend/ ./
 
-# Install dependencies for both frontend and backend
-RUN cd frontend && npm install
-RUN cd backend && npm install
+# Final stage
+FROM node:18-bullseye
+
+# Install serve globally to serve frontend
+RUN npm install -g serve
+
+# Create app directory
+WORKDIR /app
 
-# Copy the rest of the application code
-COPY . .
+# Copy built frontend from frontend-build stage
+COPY --from=frontend-build /app/dist ./frontend-dist
 
-# Fix permissions for node_modules directories
-RUN chmod -R 777 frontend/node_modules backend/node_modules
+# Setup backend
+COPY --from=backend-build /app ./backend
 
-# Make the startup script executable
+# Copy startup script
+COPY start.sh .
 RUN chmod +x start.sh
 
-# Expose port 8501 for Hugging Face Spaces
+# Expose port 8501
 EXPOSE 8501
 
 # Start both services

start.sh

@@ -4,14 +4,13 @@
 export PORT=8501
 
 # Start the backend server in the background
-echo "Starting backend server on port $PORT..."
+echo "Starting backend server on port 3000..."
 cd backend
 npm start &
 
 # Wait a moment for the backend to start
 sleep 5
 
-# Start the frontend development server
-echo "Starting frontend server..."
-cd ../frontend
-npm run dev
+# Serve the frontend build
+echo "Serving frontend on port $PORT..."
+serve -s frontend-dist -l $PORT