Landing page interactiva enfocada en la presentación de zapatillas urbanas como Nike, Jordan y otras marcas. El usuario puede explorar distintos modelos, navegar entre páginas y acceder a una vista detallada de cada producto.
Rol:
Cliente:
Front-end Proyecto personal
HTML Javascript React TailwindCSS Vite
Descripcion general
Landing page interactiva para la presentación de zapatillas urbanas, que
permite a los usuarios explorar distintos modelos, aplicar filtros de
búsqueda y visualizar información obtenida dinámicamente desde una API.
Cada producto cuenta con una sección de detalles, donde se muestra
información ampliada junto a un selector de tallas y la opción de agregar
al carrito. El sistema de carrito permite revisar los productos
seleccionados y calcular automáticamente el total de la compra, ofreciendo
una experiencia de navegación y compra sencilla.
Imagenes
Caracteristicas
Listado dinámico de productos: Las zapatillas se obtienen
mediante fetch a una API, mostrando todos los datos en tiempo real.
Vista detallada de cada producto: Implementada con React
Context, muestra información ampliada, selector de tallas y opción de
agregar al carrito.
Carrito de compras funcional: Permite revisar productos
seleccionados y visualizar el total de la compra de manera inmediata.