- Curso: ReactJS (2023)
- Comisión: 39655
- Profesor: Francisco Pugh
- Alumno: Matias Baldanza
- Fecha: 2023-04-22
- Librería de componentes: DaisyUI (TailwindCSS 3.3)
- Build tool: Vite
- Linter: StandardJS (ESLint)
- /
- /category/:categoryId
- /:productId
Nota: para los productos, no usé id numérico sino un 'slug' basado en el título de la publicación. Asumo que sería mejor usar un productId y reescribir la ruta con el slug, pero por ahora lo voy a dejar así
Los cards de producto (Componente <Item>
) tienen un estado de hover que muestra la segunda imagen disponible.
Separado en Componentes:
-
<ProductImage />
para preview de producto(muestra una imagen de varias. TODO: carrusel)
-
<ProductInfo />
muestra la información de producto, tags, -
<ProductImage />
muestra la imagen de producto _(TODO: carrusel)
Los siguientes componentes tienen render condicional, dependiendo de si hay datos disponibles:
<ProductPreview />
muestra un banner de producto<ProductDescription />
muestra un párrafo de descripción<ProductSpecs />
muestra las especificaciones de producto