Initial commit

frontend/README.md

@@ -0,0 +1,67 @@
+# 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
+