# 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:

```javascript
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)
```bash
cd frontend
python -m http.server 3000
```

### Opción 2: Servidor HTTP simple (Node.js)
```bash
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:
1. Servir los archivos estáticos con Nginx
2. Usar un CDN
3. 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