TuRock, una web para amantes del Rock
TuRock es una web que muestra una lista de grupos de Rock.
TuRock es un proyecto SPA desarrollada con el Framewok Angular y generado con Angular-Cli version 12.0.2. Este proyecto se usa para el aprendizaje y muestra de capacidades. Siéntase libre de clonar este proyecto.
01Opciones y componentes:
La aplicación muestra 8 grupos de rock que son exportados desde el “grupos.service.ts” y que contiene un arreglo de objetos de grupos. Propiedades del Objeto grupo: nombre, bio, img, aparición, vídeo, wiki y idx.
01.1Componente Navbar:
Es el componente encargado del header principal de la app, menú de navegación y datos de usuario.
01.2Componente Footer:
Contiene el título con copyright y el botón añadir nuevo grupo.
01.3Componente Group-card:
Es el contenedor de las tarjetas de presentación de los grupos.
01.4Componente Header:
La cabecera genérica utilizada en las páginas.
01.5Componente Share:
La cabecera genérica utilizada en las páginas.
01.6Componente Slider:
La cabecera genérica utilizada en las páginas.
02Páginas:
Los componentes de página se encargan de unificar los diferentes reutilizables y lógica.
02.1Página Group:
Muestra un grupo individual.
02.2Página Groups:
Muestra todos los grupos.
02.3Página Home:
Portada principal de la app.
02.4Página Search:
Encargada de mostrar los resultados de busqueda.
02.4Página Form:
El formulario de registro de nuevo grupo.
03Pipe personalizado:
TuRock ya viene con un pipe personalizado para validar url.
04Otros datos de interes:
- TuRock usa formulario reactivo y ya integra lógica de validaciones.
- La parte del GRUD no está implementada.
- Para añadir un nuevo grupo, interactúa con el botón + en la esquina inferior derecha.
- Dentro de la página de grupo, en el footer del artículo tiene las opciones de eliminar y editar.
- Preparada para adaptarse a dispositivos móviles y tabletas.