[Feat] Crear skeleton loader para el componente Card

[nykka]

¿Qué te gustaría agregar a este proyecto?

Crear el componente Carousel, su story y su test unitario

Descripción detallada.

Estructura:

El componente tiene que ubicarse en la carpeta componentes dentro de una carpeta propia en donde se van a crear los archivos necesarios:

• Componente
• Story: Tiene que mostrar como se ve el componente con cada uno de los estados
• Test: Debe testear que el componente se renderice y que muestre sus diferentes estados

Comportamiento esperado:

Hay que crear un componente que se va a mostrar mientras se cargan los componentes Cards. Mientras esten el el viewport, tienen que tener una aminación de tipo pulse (https://tailwindcss.com/docs/animation#pulse)

Links a documentacion:

https://www.freecodecamp.org/news/how-to-build-skeleton-screens-using-css-for-better-user-experience/ https://css-tricks.com/a-bare-bones-approach-to-versatile-and-reusable-skeleton-loaders/ https://tailwindcss.com/docs/animation#pulse

Story:

Crear un archivo .story para Storybook https://storybook.js.org/docs/react/writing-stories/introduction

Test:

Crear un test para el componente https://storybook.js.org/docs/react/writing-tests/introduction

Diseño: https://www.figma.com/file/FS9WsAYrmkESsmUAGzYdNo/Juguetear?type=design&node-id=1219-483&t=h0W7NbA6I3SA4sPf-0

Código de conducta y licencia.

• [X] He comprobado que la feature solicitada no fue solicitada previamente.
• [X] Estoy de acuerdo con seguir el código de conducta de este proyecto.
• [X] Estoy de acuerdo con seguir las licencias de este proyecto.

[alexxuss1996]

Hola! Can you assign me, please?

[TonyMckes]

@alexxuss1996 assigned!

[alexxuss1996]

@TonyMckes thanks!