Proyecto E-commerce
Descripción Este proyecto es un sitio web de e-commerce interactivo desarrollado como parte del Trabajo Final Integrador del curso de Front-End. La página web permite a los usuarios navegar por productos, agregar artículos a un carrito de compras y realizar un pedido. Además, cuenta con un formulario de contacto funcional integrado con Formspree.
Características:
Estructura Semántica: Uso de etiquetas HTML5 semánticas para mejorar la accesibilidad y el SEO. Responsive Design: Diseño adaptable a diferentes tamaños de pantalla utilizando CSS y Bootstrap. Carrito de Compras: Funcionalidad completa de carrito de compras, que permite agregar, eliminar y visualizar productos, con datos almacenados en localStorage. Consumo de API: Los productos se obtienen de una API REST y se muestran dinámicamente en la página. Formulario de Contacto: Formulario de contacto funcional que envía datos a través de Formspree.
Despliegue: Proyecto desplegado en GitHub Pages, accesible desde cualquier dispositivo con conexión a Internet. Tecnologías Utilizadas HTML5: Estructura semántica de la página web. CSS3: Estilos personalizados y diseño responsivo. Bootstrap: Framework para componentes y diseño responsivo. JavaScript (ES6+): Interactividad, manipulación del DOM, y gestión del carrito de compras. API REST: Consumo de datos para la visualización de productos. Formspree: Manejo de envíos de formularios sin backend. GitHub Pages: Despliegue del proyecto en la web. Estructura del Proyecto index.html: Página principal del sitio. css/styles.css: Estilos CSS personalizados. js/script.js: Funciones JavaScript para la interactividad y el manejo del carrito de compras.