Set up FE testing

Dockerfile

@@ -2,25 +2,18 @@
 FROM node:20-slim AS frontend-builder
 
 WORKDIR /app/frontend
-
-# Copy package files first for better caching
 COPY frontend/package*.json ./
-RUN npm cache clean --force && \
-    npm install --legacy-peer-deps --force
-
-# Copy only the necessary frontend files
-COPY frontend/public ./public
-COPY frontend/src ./src
-COPY frontend/tsconfig.json .
-COPY frontend/jest.config.js .
-COPY frontend/.env .
+RUN npm install --legacy-peer-deps --production
 
-# Show more verbose output during build
-RUN npm run build --verbose
+COPY frontend/ ./
+RUN npm run build
 
-# Use Python image with uv pre-installed
+# Use Python image with uv pre-installed and nginx
 FROM ghcr.io/astral-sh/uv:python3.12-bookworm-slim
 
+# Install nginx
+RUN apt-get update && apt-get install -y nginx
+
 WORKDIR /app
 
 # Copy backend code
@@ -31,14 +24,15 @@ COPY pyproject.toml .
 RUN uv sync && uv pip install .
 ENV PATH="/root/.local/bin:/root/.uv/venv/bin:${PATH}"
 
-# Copy frontend build
-COPY --from=frontend-builder /app/frontend/build /app/frontend/build
+# Copy frontend build and nginx config
+COPY --from=frontend-builder /app/frontend/build /usr/share/nginx/html
+COPY frontend/nginx.conf /etc/nginx/conf.d/default.conf
 
-# Add uv's bin directory to PATH
-ENV PATH="/app/.venv/bin:/root/.local/bin:/root/.uv/venv/bin:${PATH}"
+# Expose ports
+EXPOSE 80 8000
 
-# Expose port
-EXPOSE 8000
+# Create startup script
+COPY start.sh /start.sh
+RUN chmod +x /start.sh
 
-# Run the application
-CMD ["uvicorn", "backend.app.main:app", "--host", "0.0.0.0", "--port", "8000"] 
+CMD ["/start.sh"] 

Dockerfile.test

@@ -0,0 +1,33 @@
+# Use Node.js image for frontend
+FROM node:20-slim AS frontend
+
+WORKDIR /app/frontend
+COPY frontend/package*.json ./
+RUN npm install --legacy-peer-deps
+
+COPY frontend/ ./
+
+# Use Python image with uv pre-installed
+FROM ghcr.io/astral-sh/uv:python3.12-bookworm-slim
+
+# Set up Node.js and npm
+RUN apt-get update && apt-get install -y \
+    curl \
+    && curl -fsSL https://deb.nodesource.com/setup_20.x | bash - \
+    && apt-get install -y nodejs
+
+WORKDIR /app
+
+# Copy backend code
+COPY backend/ backend/
+COPY pyproject.toml .
+
+# Install backend dependencies and pytest
+RUN uv sync && uv pip install pytest && uv pip install .
+ENV PATH="/root/.local/bin:/root/.uv/venv/bin:${PATH}"
+
+# Copy frontend from builder
+COPY --from=frontend /app/frontend /app/frontend
+
+# Add uv's bin directory to PATH
+ENV PATH="/app/.venv/bin:/root/.local/bin:/root/.uv/venv/bin:${PATH}" 

frontend/nginx.conf

@@ -0,0 +1,15 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    location / {
+        root /usr/share/nginx/html;
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/ {
+        proxy_pass http://localhost:8000/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+} 

frontend/src/components/DocumentInput.tsx

@@ -6,7 +6,7 @@ function DocumentInput() {
 
   const handleSubmit = async () => {
     try {
-      const response = await fetch('http://localhost:8000/crawl/', {
+      const response = await fetch('/api/crawl/', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

frontend/src/components/QuizGenerator.tsx

@@ -10,7 +10,7 @@ function QuizGenerator({ onProblemsGenerated }: QuizGeneratorProps) {
 
   const handleGenerate = async () => {
     try {
-      const response = await fetch('http://localhost:8000/problems/', {
+      const response = await fetch('/api/problems/', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

run_local.sh

@@ -0,0 +1,25 @@
+#!/bin/bash
+
+# Stop and remove any existing container with the same name
+echo "Stopping any existing simplify container..."
+docker stop simplify 2>/dev/null || true
+docker rm simplify 2>/dev/null || true
+
+# Build the Docker image
+echo "Building Docker image..."
+docker build -t simplify .
+
+# Run the container
+echo "Starting container..."
+docker run -d \
+    --name simplify \
+    -p 80:80 \
+    -p 8000:8000 \
+    simplify
+
+echo "Services started!"
+echo "Frontend available at: http://localhost"
+echo "Backend available at: http://localhost:8000"
+echo ""
+echo "To view logs: docker logs -f simplify"
+echo "To stop: docker stop simplify" 

start.sh

@@ -0,0 +1,6 @@
+#!/bin/bash
+# Start nginx
+nginx
+
+# Start the FastAPI application
+uvicorn backend.app.main:app --host 0.0.0.0 --port 8000 

stop_local.sh

@@ -0,0 +1,9 @@
+#!/bin/bash
+
+echo "Stopping simplify container..."
+docker stop simplify 2>/dev/null || true
+
+echo "Removing simplify container..."
+docker rm simplify 2>/dev/null || true
+
+echo "Services stopped and cleaned up!" 

test_local.sh

@@ -0,0 +1,35 @@
+#!/bin/bash
+
+# Colors and formatting
+BLUE='\033[0;34m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+BOLD='\033[1m'
+DIVIDER="=================================================================="
+
+echo -e "\n${BLUE}${DIVIDER}"
+echo -e "${BOLD}🔨 BUILD PHASE"
+echo -e "${BLUE}${DIVIDER}${NC}"
+
+# Build test image
+echo -e "${YELLOW}Building test image...${NC}"
+docker build -t simplify-test -f Dockerfile.test .
+
+echo -e "\n${BLUE}${DIVIDER}"
+echo -e "${BOLD}🧪 FRONTEND TESTS"
+echo -e "${BLUE}${DIVIDER}${NC}"
+
+# Run frontend tests
+echo -e "${YELLOW}Running frontend tests...${NC}"
+docker run simplify-test npm test --prefix frontend
+
+echo -e "\n${BLUE}${DIVIDER}"
+echo -e "${BOLD}🐍 BACKEND TESTS"
+echo -e "${BLUE}${DIVIDER}${NC}"
+
+# Run backend tests
+echo -e "${YELLOW}Running backend tests...${NC}"
+docker run simplify-test pytest backend/tests
+
+echo -e "\n${GREEN}✨ Testing complete!${NC}\n"