Carrito de Compras con JavaScript en tiempo REAL 🚀

Este proyecto es una implementación de un carrito de compras dinámico utilizando HTML, CSS, y JavaScript. Incluye funcionalidades como la adición y eliminación de productos, cálculo de subtotales, y envío del pedido por WhatsApp.

Características principales

1. Agregar al carrito:

   • Los productos seleccionados se añaden al carrito con una cantidad inicial de 1.
   • Si el producto ya existe en el carrito, no se duplica; solo se actualiza su cantidad.

2. Eliminar productos del carrito:

   • Se puede disminuir la cantidad de productos o eliminarlos por completo si la cantidad llega a 0.

3. Contador dinámico:

   • Se actualiza automáticamente para reflejar el número total de productos únicos en el carrito.

4. Visualización del carrito:

   • Interfaz con un offcanvas para mostrar los productos agregados y el subtotal.

5. Enviar pedido por WhatsApp:

   • Función para generar un mensaje con los productos del carrito y abrir WhatsApp Web o la aplicación móvil con el mensaje predefinido.

Instalación y uso

1. Clona el repositorio:

   git clone https://github.com/urian121/carrito-de-compras-con-javascript-en-tiempo-real
   

2. Abre el archivo index.html en tu navegador:

   Navega al directorio del proyecto y abre `index.html`.
   

Tecnologías utilizadas

• HTML5
• CSS3
• JavaScript (ES6)
• Bootstrap 5 (Offcanvas y diseño responsivo)

Capturas de pantalla

lista de productos

Carrito de Compras vacio

Carrito de Compras con productos

🙌 Cómo puedes apoyar 📢:

✨ Comparte este proyecto con otros desarrolladores para que puedan beneficiarse 📢.

☕ Invítame un café o una cerveza 🍺:

• Paypal (iamdeveloper86@gmail.com).

⚡ ¡No olvides SUSCRIBIRTE a la Comunidad WebDeveloper!

⭐ Déjanos una estrella en GitHub:

• Dicen que trae buena suerte 🍀. Gracias por tu apoyo 🤓.