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.
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.
Los componentes globales son siempre visible en todas las partes de al app
Es el componente encargado del header principal de la app, menú de navegación y datos de usuario.
Contiene el título con copyright y el botón añadir nuevo grupo.
Los componentes reutilizables están preparados para poder añadirlos en las diferentes partes de la app
Es el contenedor de las tarjetas de presentación de los grupos.
La cabecera genérica utilizada en las páginas.
Permite compartir e imprimir la página.
Un deslizador hecho en css.
Los componentes de página se encargan de unificar los diferentes reutilizables y lógica
Muestra un grupo individual.
Muestra todos los grupos.
Portada principal de la app.
Encargada de mostrar los resultados de busqueda.
El formulario de registro de nuevo grupo.
TuRock ya viene con un pipe personalizado para validar url.
- 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.
