Se debe consumir el “API” para cargar los productos
destacados.
Mientras los productos cargan porque se está
ejecutando el fetch para obtener la información, se
debe mostrar un “Spinner” o “Skeleton” al usuario.
Si al hacer fetch se obtiene un resultado de error
proveniente del “API” se debe mostrar un error en
pantalla. El error no debe ser un simple texto. Por
favor utilizar un componente en React para este
propósito. El mensaje debe mostrarse en el centro de
la página en la ubicación de los productos
destacados.
Si al hacer fetch la respuesta del “API” es correcta,
entonces se mostrarán los productos. Por favor
reutilizar el mismo componente del MVP1.
Cada producto debe tener un enlace que conecte
con el “PDP”. Al hacer clic debe ser redireccionado al
detalle del producto.
Se debe consumir el “API” para cargar los productos destacados. Mientras los productos cargan porque se está ejecutando el fetch para obtener la información, se debe mostrar un “Spinner” o “Skeleton” al usuario. Si al hacer fetch se obtiene un resultado de error proveniente del “API” se debe mostrar un error en pantalla. El error no debe ser un simple texto. Por favor utilizar un componente en React para este propósito. El mensaje debe mostrarse en el centro de la página en la ubicación de los productos destacados. Si al hacer fetch la respuesta del “API” es correcta, entonces se mostrarán los productos. Por favor reutilizar el mismo componente del MVP1. Cada producto debe tener un enlace que conecte con el “PDP”. Al hacer clic debe ser redireccionado al detalle del producto.