68 lines
1.7 KiB
Markdown
68 lines
1.7 KiB
Markdown
# 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
|
|
|