Utiliza el componente TarjetaVertical para pintar los personajes de Rick and Morty

1. Clona y levanta el Sistema de Diseño del CCD:

git clone https://github.com/centroculturadigital-mx/ccd-sistema-diseno
cd ccd-sistema-diseno
npm i
npm run storybook

Tu navegador debería abrirse automáticamente y mostrarte Storybook

2. Abre el Sistema de Diseño en tu editor de código

3. Clona el ejercicio

git clone https://github.com/centroculturadigital-mx/ejercicio-frontend-01
cd ejercicio-frontend-01
npm i
npm run dev

Abre tu navegador en http://localhost:8080

4. Abre el Ejercicio en tu editor de código, y navega a App.svelte, lee el código.

5. Averigua los nombres de las propiedades que necesita TarjetaVertical. Búscalas en Sistema de Diseño, dentro del archivo src/stories/componentes/Tarjetas/tarjeta.vertical.stories.js

6. Una vez que sepas los nombres de los campos, cambia al editor de código del ejercicio.

7. En App.svelte, introduce el componente en donde se muestra el HTML de cada participante.

8. Introdúcele los datos de la API en el componente TarjetaVertical, usando atributos

9. Elimina el código HTML que estaba antes en lugar de la recién agregada Tarjeta.

10. Deberías ver los datos ya adecuadamente presentados.

1. Agrega el nombre lugar de origen del personaje a la Tarjeta, usando el subtítulo.
2. Coloca el STATUS de cada personaje utilizando el extracto de la Tarjeta.
3. Coloca una pleca verde con el texto "ALIEN" para aquellos personajes que no son humanos.