App Atlético Trelle
Aplicación del Atlético Trelle para todo el pueblo: calendario y resultados, plantilla y estadísticas de los jugadores, votaciones de la afición, noticias, historia del club y tienda.
Sobre el proyecto
Cualquiera puede abrir la aplicación y ver cuándo juega el equipo, cómo quedó el último partido o quién está en la plantilla, sin registrarse. La cuenta sirve para participar: cada aficionado vota una vez por categoría en cada partido (MVP, mejor suplente, jugador con más compromiso) y con esas votaciones se hacen los rankings de la temporada.
Funcionalidades
| Estado |
|---|
| Inicio con el próximo partido y el último resultado | Hecho |
| Plantilla pública (sin datos de salud) y su gestión por el administrador | Hecho |
| Cuentas de aficionado: registro con email confirmado o con Google, y recuperación de contraseña | Hecho |
| Calendario y resultados, con la edición del partido (resultado, alineación y estadísticas) | Hecho |
| Clasificación de la liga, copiada a mano de la FGF | Hecho |
| Votaciones por partido y rankings por categoría | Hecho |
| Estadísticas de la temporada: balance del equipo, clasificaciones y ficha de cada jugador | Hecho |
| Noticias, con borradores, y su escritura por el administrador | Hecho |
| El club: historia, la de Trelle, directiva, cuerpo técnico y contacto, y su edición por el administrador | Hecho |
| Tienda con varias fotos por producto: pedir presupuesto por WhatsApp o por teléfono | Hecho |
| Panel de gestión del administrador con lo que falta por hacer | Hecho |
| Mi cuenta: cambiar la contraseña, salir y borrar la cuenta | Hecho |
| Política de privacidad y aviso legal (borrador, por revisar) | Hecho |
| Importación de los datos de la FGF | Pendiente de su autorización |
Tecnologías
| Capa | Herramienta |
|---|
| Framework | Next.js (App Router) + TypeScript |
| Estilos | Tailwind CSS + shadcn/ui, con los colores del club (ver abajo) |
| Base de datos | Supabase (PostgreSQL) |
| Autenticación | Supabase Auth |
| Almacenamiento | Supabase Storage (fotos de la tienda) |
| Despliegue | Vercel |
Roles
- Aficionado — cualquiera que se crea una cuenta. Ve lo mismo que sin cuenta y, además, vota después de cada partido.
- Administrador — gestiona los datos del club: la plantilla, los partidos (calendario, resultados y alineaciones), las noticias, la sección del club y la tienda.
Sin cuenta se puede consultar todo lo público. La base de datos lo impone con Row Level Security: el público solo lee, y únicamente el administrador escribe.
Cuentas de usuario
Crear una cuenta. Cualquiera se registra desde la aplicación (Entrar → Crear cuenta): con email y contraseña (mínimo 8 caracteres), que hay que confirmar desde el enlace que llega por email, o con Continuar con Google si está activado. Toda cuenta nueva es de aficionado.
Hacer administrador a una cuenta. Se hace por SQL, desde el SQL Editor del panel de Supabase, nunca desde la aplicación (así nadie puede concederse a sí mismo más permisos):
update perfiles set rol = 'administrador'
where id = (select id from auth.users where email = '[email protected]');
Contraseña olvidada. Desde Entrar → ¿Has olvidado tu contraseña? llega un enlace por email para elegir una nueva.
Mi cuenta. Con la sesión iniciada, Mi cuenta (arriba a la derecha) enseña el email y deja cambiar la contraseña, salir y borrar la cuenta. Al borrarla desaparecen la cuenta y el perfil; los votos siguen contando en los resultados, pero sin dueño. Una cuenta de administrador no se puede borrar desde la aplicación, para no dejar el club sin nadie que lo gestione.
En local, los emails no salen a internet: los recoge Mailpit en http://127.0.0.1:54324, donde se pueden abrir los enlaces.
Plantilla
La plantilla se ve en una pizarra: un campo de fútbol en vertical, con nuestra portería abajo (en el ordenador, a la izquierda y con la lista a su derecha), con las cuatro posiciones y cuántos jugadores hay en cada una. Al entrar no sale nadie; al tocar una posición se despliegan debajo sus jugadores, y al tocarla otra vez se recogen (src/components/plantilla/pizarra.tsx). Los jugadores de baja, que solo ve el administrador, siguen en su lista debajo.
El administrador da de alta a cada jugador desde Equipo → Plantilla → Añadir: nombre, apellidos, apodo (opcional), dorsal, posición y estado. Si tiene apodo, la aplicación le llama así en todas partes (plantilla, partidos, votaciones y estadísticas), con el nombre completo debajo en la plantilla y en su ficha. El dorsal no se puede repetir entre los que están en la plantilla. El estado (lesionado, sancionado) solo lo ve el administrador: es un dato de salud y no se publica.
Cada jugador puede tener una foto (opcional), que se sube desde su formulario. Es una imagen de una persona, así que solo se sube la de quien ha dado su permiso para publicarla (y, si es menor, el de su padre, madre o tutor); quitarla es igual de fácil. Se reduce en el móvil a 640 píxeles por el lado largo antes de subirla, y se guarda en el bucket público jugadores. En la lista ocupa el hueco del dorsal (que pasa a una chapa en la esquina) y en su ficha va junto al nombre; sin foto, todo se ve como antes.
Partidos
El administrador lo hace todo desde la propia aplicación, en Partidos:
This is the beginning of the README. Read the rest at the original. Read the full README ↗
