CASO DE ESTUDIO / 04
App Liga de fútbol
Administración de una liga local y seguimiento público de temporadas, equipos, partidos y goleadores.
En esta página
01 / CONTEXTO
El problema y la solución
El punto de partida
Organizar la información de una liga de fútbol y permitir que sus participantes consulten el calendario y los resultados de cada temporada.
La propuesta
Un panel administrativo para operar la liga y una web pública con posiciones, próximos encuentros, jugadores y resultados.
02 / PRODUCTO
Funciones principales
Operación de la liga
Creación y edición de equipos, jornadas y partidos, con actualización de marcadores.
Temporadas independientes
Cada temporada mantiene sus equipos, jornadas, partidos y tablas; el administrador puede consultar temporadas anteriores.
Jugadores y goleadores
Plantillas por equipo, asignación de goles a jugadores y clasificación de anotadores.
Seguimiento público
Calendario, posiciones y detalles por equipo o partido, además de equipos destacados al finalizar la temporada.
03 / IMPLEMENTACIÓN
Decisiones técnicas
Backend y frontend desacoplados
Laravel actúa como API para una interfaz construida con Vue y Tailwind CSS, con datos en MySQL.
Datos vinculados a la temporada
La separación por temporada permite iniciar un nuevo ciclo conservando la información de los anteriores.
Resultados compartidos
Los marcadores y anotadores registrados alimentan tanto el panel administrativo como las tablas y vistas públicas.
04 / CAPTURAS
El proyecto en pantalla
Una selección de vistas del proyecto. Pulsa una captura para verla a tamaño completo.
05 / DOCUMENTACIÓN
Explorar en detalle
El recorrido completo por los módulos, las reglas y las pantallas del proyecto.
Leer documentación completa
Aplicación para la gestión de una liga local de fútbol. Hecho con Laravel como API y Vue como frontend.Para la base de datos esta usando Mysql.
Parte del Administrador
Este proyecto es para llevar el seguimiento de una liga de fútbol local en el que hay un administrador el cual lleva la gestión de la liga. El proyecto cuenta con un inicio de sesión que al hacer login puedes acceder al panel de administración.
Una vez entras al administrador puedes ver la información más destacadas como el número de equipos registrados, el número de jornadas creadas y el número de partidos jugados. Se muestra la tabla de posiciones ordenada como una liga profesional. También puedes ver los próximos partidos por fecha.
El administrador puede ver los equipos registrados. Puede crear equipos, eliminarlos y editarlos.
Puede ver las jornadas, crear jornadas y eliminarlas. La jornada se puede crear por número o nombre de la jornada, al actualizarla puedes cambiar esto.
En la parte de los partidos puede verlos, crearlos, editarlos, eliminarlos y actualizar el marcador.
Parte Pública
La aplicación cuenta con una landing page la cual muestra información relevante de la liga para los que esten interesados en seguirla. Muestra la temporada actual y el número de equipos participantes, los próximos 10 partidos,la tabla de posiciones. También puedes ver la ubicación en donde se llevan a cabo los partidos. Puedes ver todos los partidos que hay en la temporada. Ver todos los partidos de cada equipo de la liga.
Landing Page
Detalles de un equipo
Detalles de una jornada
Detalles de los partidos de la liga
Actualización - Temporadas
Al proyecto le agregué una funcionalidad de temporadas, para que el administrador de la liga pueda crear una nueva cada vez que se finaliza una. Esto hace que el sistema sea más mantenible. Cada vez que se crea una nueva temporada, esta acción genera también la creación de nuevos equipos, jornadas, partidos y tablas de posiciones, de modo que cada temporada está relacionada con sus propios datos. El administrador puede cambiar o visualizar los datos de cada temporada activándola o desactivándola. En la página de inicio (landing page) se visualizará la última temporada creada por el administrador, mostrando todos sus datos.
Actualización - Jugadores
Al proyecto le he agregado la funcionalidad de jugadores, donde el administrador puede agregar jugadores a cada equipo, permitiendo visualizarlos, editarlos y eliminarlos. Además, en la parte de la landing page, al visualizar un equipo también se pueden ver sus jugadores.
Actualización - Tabla de Goleadores
Gracias a la funcionalidad de jugadores, implementé un nuevo módulo para que en cada partido se pueda asignar el gol al jugador del equipo que lo marcó. Se ha creado también una tabla de goleadores que muestra la lista de todos los jugadores que han anotado, ordenándolos del que tiene más goles al que tiene menos. De igual forma, en el panel de administración ahora se puede ver una página con los detalles del partido, mostrando qué jugadores marcaron. En la página de inicio (landing page) también se muestra ahora una vista con los detalles de un partido, incluyendo los anotadores. Además, en la página principal se exhibe la tabla de goleadores de la temporada actual.
Actualización - Equipos Destacados
Al proyecto le he agregado un apartado de equipos destacados, los cuales se pueden designar al final de la temporada para mostrar, por ejemplo, al campeón, subcampeón y tercer lugar. Estos serán visibles en la landing page en lugar de los partidos pendientes, y permanecerán así hasta que se cree la próxima temporada.
