TuRock, una web para amantes del Rock

TuRock es un proyecto SPA desarrollado con el framework Angular y generado con Angular CLI versión 12.0.2. Este proyecto se usa para el aprendizaje y muestra de capacidades. Siéntete libre de clonar este proyecto.

Opciones y componentes:

La aplicación muestra ocho grupos de rock exportados desde grupos.service.ts, que contiene un array de objetos de grupo con las propiedades: nombre, bio, img, aparición, vídeo, wiki e idx.

• Navbar: header principal de la app, menú de navegación y datos de usuario.
• Footer: título con copyright y botón para añadir un nuevo grupo.
• Group card: tarjeta de presentación de cada grupo.
• Header: cabecera genérica utilizada en las páginas.
• Share: botones para compartir contenido.
• Slider: carrusel de imágenes del grupo.

Páginas:

Las páginas se encargan de unificar los diferentes componentes reutilizables y la lógica de la app.

• Group: muestra un grupo individual.
• Groups: muestra todos los grupos.
• Home: portada principal de la app.
• Search: muestra los resultados de búsqueda.
• Form: formulario de registro de un nuevo grupo.

Pipe personalizado:

TuRock incluye un pipe personalizado para validar URLs.

Otros datos de interés:

• Usa formulario reactivo con lógica de validaciones ya integrada.
• La parte de CRUD no está implementada por completo.
• Para añadir un nuevo grupo, usa el botón + de la esquina inferior derecha.
• Dentro de la página de un grupo, el footer del artículo tiene las opciones de eliminar y editar.
• Preparada para adaptarse a dispositivos móviles y tabletas.