TFG WebApp es una aplicación desarrollada en Angular y Spring Boot para la gestión de eventos deportivos. La aplicación está contenida en Docker y utiliza MySQL como base de datos.
Se incluyen capturas de pantalla de las principales páginas de la aplicación, con una breve descripción de cada una.
- Inicio: Pantalla De Inicio con información basica del club y acceso a las demás pantallas
- Login: Pantalla de autenticación de usuarios.
- Ranking: Interfaz con un listado de atletas y los filtros sobre la lista.
- Clubmembers: Interfaz con un listado de los entrenadores del club, y los filtros aplicables sobre este.
- Assosiation-atl: Interfaz con el listado de disciplinas que se imparten en el club.
- Calendar-Events: Interfaz con el calendario de enventos interactivo.
Se muestra la navegación entre las distintas páginas de la aplicación, con miniaturas de las capturas de pantalla.
El siguiente diagrama muestra las entidades de la base de datos, sus atributos y relaciones.
Se presenta un diagrama que describe la estructura del backend, diferenciando @RestController, @Service, @Repository y Entidades.
Se muestra la relación entre los componentes Angular, incluyendo servicios, templates y relaciones padre-hijo.
Para construir la imagen Docker del backend, ejecutar el siguiente comando desde el directorio rais del proyecto:
docker build -t saac04/backend:latest -f docker/Dockerfile_backend .Esto crea la imagen saac04/backend:latest en docker.
Para ejecutar la aplicación con Docker Compose, ejecutamos el siguiente código desde el directorio rais:
cd docker
docker-compose up -dEsto inicia los contenedores del backend y la base de datos MySQL. Una vez iniciado el contenedor la aplicación estara disponible en la url
https://localhost:443
Se ha subido un vídeo a YouTube mostrando las funcionalidades de la aplicación. Puedes verlo aquí: Enlace al vídeo.