Skip to content

Implementación de la vista del catálogo de cartas #9

@jgm847

Description

@jgm847

📄 Descripción

Se debe diseñar e implementar la vista del catálogo de cartas de la aplicación MagicVS, permitiendo a los usuarios explorar las cartas disponibles dentro del sistema.

El objetivo de este issue es crear una interfaz clara, visual e intuitiva para mostrar el conjunto de cartas ofrecidas por la aplicación, facilitando su consulta y futura integración con funcionalidades como búsqueda, filtrado, detalle de carta o gestión de mazos.


🎯 Objetivos

  • Mostrar el catálogo de cartas disponibles en la aplicación
  • Diseñar una interfaz visual clara y atractiva
  • Preparar la vista para futuras funcionalidades como filtros, búsqueda y detalle
  • Integrar la vista con la API REST del backend

🛠️ Tareas

  • Crear componente para la vista del catálogo de cartas
  • Consumir el endpoint del backend para obtener el listado de cartas
  • Mostrar las cartas en formato visual (grid o lista)
  • Representar información básica de cada carta:
    • imagen
    • nombre
    • tipo
    • rareza
    • precio (si aplica)
  • Diseñar una estructura reutilizable para cada carta (por ejemplo, card o tile)
  • Implementar navegación hacia el detalle de una carta
  • Asegurar diseño responsive
  • Aplicar estilos coherentes con el resto de la aplicación

📂 Estructura sugerida

  • Barra superior o encabezado de la vista
  • Contenedor principal del catálogo
  • Grid de cartas
  • Elementos reutilizables para representar cada carta

✅ Criterios de aceptación

  • La vista muestra correctamente las cartas obtenidas desde el backend
  • Cada carta presenta al menos su información básica
  • La interfaz es clara, visual y usable
  • El diseño es responsive
  • Existe navegación hacia una vista de detalle de carta o queda preparada para ello

📌 Notas

  • Se recomienda utilizar componentes de Angular Material para mantener coherencia visual
  • La vista debe diseñarse pensando en futuras ampliaciones, como filtros o paginación
  • Este issue se centra en la vista general del catálogo, no en el detalle individual de cada carta

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions