Logo de Japp

Japp

TuRock, una web para amantes del Rock
TuRock, una web para amantes del Rock

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.

Imagen TuRock
Imagen TuRock

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.

Japp ©2024

NaN