Presentación del proyecto

Vale, tal parece que al profesor se le pasó poner los assets en los recursos de la clase, les dejo el repositorio del proyecto del profesor en GituHub para que puedan descargar los assets para este proyecto:
.
https://github.com/degranda/curso-web-components/tree/main/Proyecto

mi resultado

https://felipebel25.github.io/webcomp/

Aquí dejo mi proyecto al cual le agregué algunas cositas interesantes 😃 está listo para su uso y bien documentado en GitHub: https://github.com/ChristBM/cbm-merchandise-card
La etiqueta html que del componente es: <cbm-merchandise-card>
También encontrarán cosas interesantes en mi portafolio: https://christbm.github.io/portfolio

Reto Cumplido! les Gustan mis Kikes? lmao 😂:
Link: https://paolojoaquin.github.io/web-component-card/
Para Móvil:

Para Escritorio:

Repo: https://github.com/paolojoaquin/web-component-card

Este fue mi resultado 😄

Repo:
https://github.com/LeoCode0/webComponents_course/tree/main/proyect

Spoiler alert: las custom properties son importantes en el proyecto. 😄

Listo, ahora quiero comparar mi código con el de Diego (:

Tuve complicaciones decidiendo como hacerlo, no sabía si intentarlo con slots o irme por attributes. Al final me fui por estos últimos.
Aquí el resultado:
https://web-pack-components-practice.vercel.app
Github: https://github.com/lorenzopenalver/WebPackComponents-Practice

MI solución:
DEMO LIVE
REPO

![](

Asi quedo mi componente https://maxwolts.github.io/web-components/practice/ 😄

Presentacion del proyecto

![](

y la forma en mobile

hice unos cabios como toque personal =D

https://github.com/AlbertJohanson/web-components-repository/tree/main/Proyecto

Dejo mi codigo por si a alguien le interesa o quiere sacar alguna idea.

Aquí estamos experimentando con distintos acomodos.

Logre el reto, también le hice deploy con webpack y travis en github pages 😄 https://onedrako.github.io/article_web_component/

Y aquí dejo el repositorio
https://github.com/onedrako/article_web_component

Buen dia campeon… mi resultado.

repository

Listo el reto!
Aquí el repositorio!

Listo el reto 😄 lo que más me costó fue darle estilos, toca practicar más CSS!!

Mi progreso hasta ahora, trate de pobar de una vez que tan reusable es el componente, creando una card adicional y modificando estilos globales.

creo que en alt de la imagen, la mejor descripcion podria ser imagen del producto, ya que se supone es una ecommerce entonces la persona solo veria estas cards en el momento en que busca el producto, y si esta card se va a reutilizar para otros productos lo mejor seria agregar un atributo para poder modificarlo al momento de escribir el componente

Reto aceptado, vamos a ver como me queda…

.