Esta Landing Page nos muestra los productos de la tienda y nos permite añadirlos al carrito de la compra mostrándo en todo momento el total de la compra.
- Catálogo de productos: Una galería visualmente atractiva con imágenes de alta calidad, descripciones detalladas, precios, y opciones de filtro para facilitar la navegación.
- Carrito de compra en tiempo real: Los usuarios pueden añadir productos al carrito y ver el total del precio actualizado en tiempo real, sin necesidad de cambiar de página.
- Información detallada de cada producto: Cada producto cuenta con una página de detalles que incluye descripciones extensas y especificaciones técnicas.
- Totalmente responsiva: Diseño adaptado a cualquier dispositivo (móviles, tablets y ordenadores), garantizando una experiencia de compra fluida y optimizada en todas las plataformas.
La finalidad de esta página web es practicar y gestionar el manejo del estado local en los componentes de una aplicación sin recurrir a un estado global como Redux o Context. A través de la interacción con el carrito de compras, el usuario podrá añadir productos, mientras se actualiza dinámicamente el total del precio utilizando el State local de cada componente. El objetivo es mejorar la comprensión del flujo de datos y el manejo eficiente del estado en React, garantizando que los componentes mantengan su independencia y reactividad sin depender de una gestión centralizada del estado.
- Frontend
React, Javascript, HTML, CSS, Bootstrap