StrideVault web Image

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

StrideVaultTypesOf StrideVaultShoes
StrideVaultFooter

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.