Banco de situaciones SMB · versión web
App del cuerpo técnico de hockey del CHP Santa María la Blanca: banco de ejercicios, sesiones con la plantilla del club, liga del vestuario y panel de la Dirección Técnica.
Cómo está hecho
- Una sola plantilla (
fuente/plantilla.html) genera las dos versiones:
fuente/construir_artifact.py → el artifact de claude.ai (banco en data/banco.json, votos en la base de datos del artifact).fuente/construir_web.py → esta web (GitHub Pages + Firebase).
- El código fuente, las pruebas y cómo trabajar están en
fuente/ y en CLAUDE.md.
cloud.js es la capa web. Le da a la app lo mismo que le daba claude.ai (window.claude.use('artifact' | 'user' | 'db' | 'downloads')) pero con Firebase por debajo:
- Cuentas: Firebase Authentication (Google y email con contraseña).
- Datos: Cloud Firestore. Cada objeto se guarda como texto JSON en el campo
j (Firestore no admite listas dentro de listas).
- Acceso: quien crea cuenta queda «esperando»; la DT le da acceso desde Dirección Técnica → Cuerpo técnico.
- «Mandar a la DT» escribe en
inbox/; la DT lo ve en la Bandeja («Recibido»).
- El banco no está en este repositorio. Vive en Firestore y solo lo leen las cuentas con acceso.
index.html lleva un banco vacío.
Datos en Firestore
| Ruta | Qué | Quién lee | Quién escribe |
|---|
club/state | votación abierta, cuerpo técnico, accesos (memberUids, dtUids) | con acceso | DT |
tasks/{id} | ejercicios del banco (j, orden o) | con acceso | DT |
historial/{id}, liga/j{n} | elegidos de cada semana, jornadas | con acceso | DT |
profiles/{uid} | nombre, email, personaje y poder | con acceso y el dueño | el dueño |
users/{uid}/mine/{id}, /sessions/{id}, /meta/state | lo de cada entrenador | el dueño | el dueño |
votes/{uid} | voto de la semana | con acceso | el dueño |
inbox/{id} | lo mandado a la DT | DT y quien lo mandó | crea quien tiene acceso; DT marca «hecho» |
Reglas en firestore.rules. DT_UID se sustituye por el código de usuario de la DT (también en firebase-config.js).
Publicar un cambio
- Cambiar
fuente/plantilla.html (o fuente/web/cloud.js).
python3 fuente/pruebas/correr.py (backend simulado fakefb.js, banco inventado).python3 fuente/construir_web.py, commit y push. GitHub Pages publica en uno o dos minutos.sw.js lleva la versión en el nombre de la caché: cada build nuevo se actualiza solo en los móviles.
Instalar en el móvil
- Android (Chrome): menú ⋮ → «Instalar aplicación» o «Añadir a pantalla de inicio».
- iPhone (Safari): botón Compartir → «Añadir a pantalla de inicio». Hay que entrar con la cuenta dentro de la app instalada.
Créditos
Personajes: Avataaars de Pablo Stanley (uso libre) con DiceBear (MIT). Ejercicios y gráficos del libro de Marc Oller, 365 exercicis d'hoquei patins: solo para uso interno del club, por eso no están en el repositorio.
