Frontend - Sistema de Gestión de Pedidos

Frontend separado del backend, construido con HTML, CSS y JavaScript vanilla.

Estructura

frontend/
├── index.html          # Página principal (Kanban)
├── proveedores.html    # Vista de proveedores
├── upload.html         # Subir albaranes
├── admin.html          # Panel de administración (pendiente)
├── css/
│   ├── base.css        # Estilos base
│   ├── kanban.css      # Estilos del Kanban
│   ├── proveedores.css # Estilos de proveedores
│   └── upload.css      # Estilos de upload
└── js/
    ├── config.js       # Configuración de API
    ├── kanban.js       # Lógica del Kanban
    ├── proveedores.js  # Lógica de proveedores
    └── upload.js       # Lógica de upload

Configuración

Editar js/config.js para cambiar la URL de la API:

const API_CONFIG = {
    BASE_URL: 'http://localhost:8000/api',
    // En producción: BASE_URL: 'https://tu-dominio.com/api'
};

Ejecutar

Opción 1: Servidor HTTP simple (Python)

cd frontend
python -m http.server 3000

Opción 2: Servidor HTTP simple (Node.js)

cd frontend
npx http-server -p 3000

Opción 3: Servidor de desarrollo (Live Server en VS Code)

Usar la extensión "Live Server" en VS Code

Luego abrir: http://localhost:3000

Producción

Para producción, puedes:

Servir los archivos estáticos con Nginx
Usar un CDN
Integrar con un framework como React/Vue si prefieres

Notas

El frontend se comunica con el backend vía API REST
CORS está configurado en el backend para permitir todas las origenes
En producción, configurar CORS para dominios específicos