| # Arquitectura del sistema | |
| ## Runtime (producción) | |
| ```mermaid | |
| flowchart LR | |
| Browser[React SPA] | |
| API[FastAPI :8000] | |
| MS[ModelService] | |
| YT[YouTube Data API] | |
| Browser -->|HTTP JSON| API | |
| API --> MS | |
| API --> YT | |
| ``` | |
| - **UI:** `frontend/` → `frontend/dist`, servido por FastAPI. | |
| - **Inferencia:** `ModelService` en `src/service/`. | |
| - **Catálogo:** `configs/model_catalog.yaml` — baselines + producción. | |
| ## Desarrollo local | |
| | Proceso | Comando | Puerto | | |
| |---------|---------|--------| | |
| | API | `uv run uvicorn src.api.main:app --reload` | 8000 | | |
| | UI | `cd frontend && npm run dev` | 5173 | | |
| ## Docker | |
| Un servicio en el puerto **8000** (API + UI estática). | |
| ## Etiquetas | |
| - `IsToxic` → Seguro (0) / Tóxico (1) | |
| - API: `is_toxic`, `probability`, `model_used` | |