Bienvenido a TechShop, una plataforma web de comercio electrónico especializada en productos tecnológicos para desarrolladores de software y periféricos de setup enfocados en programadores.
TechShop es una tienda online construida con HTML, CSS y JavaScript puro, que permite a los usuarios:
- Navegar un catálogo de al menos 10 productos.
- Añadir productos a un carrito de compras.
- Calcular el total con IVA del 19%.
- Simular pagos y generar facturas.
- Ingresar datos para pedidos a domicilio mediante formulario.
- 📦 Catálogo con tarjetas de producto: imágenes, descripciones, precios y botón "Comprar".
- 🛒 Carrito de compras dinámico: añade, elimina y modifica cantidades.
- 🧮 Cálculo automático: subtotal, IVA (19%) y total.
- 💵 Simulación de pago: ingreso de pago, cálculo de cambio con desglose de billetes y monedas.
- 🚚 Opción de domicilio: formulario con nombre, dirección y teléfono.
- 🧾 Factura detallada: con datos del vendedor, cliente (si aplica), detalle de compra e impuestos.
- 📱 Interfaz atractiva y responsiva: compatible con dispositivos móviles.
- ✅ Validaciones básicas: para evitar errores como campos vacíos o cantidades inválidas.
- Clona o descarga este repositorio.
- Abre
index.htmlen tu navegador preferido. - Explora los productos, agrégalos al carrito y realiza la simulación de compra.
- Agregar un producto: Haz clic en el botón "Comprar" de la tarjeta.
- Actualizar cantidad: Usa los botones “+” o “-” o escribe la cantidad en el carrito.
- Eliminar productos: Usa el botón de eliminar o vacía el carrito completo.
- Calcular cambio: Ingresa el valor del pago y obtén el desglose.
- Pedido a domicilio: Marca la casilla y completa el formulario.
- Generar factura: Haz clic en “Generar Factura” para ver el resumen.
Jhon Alejandro Diaz J.
Aspiring Back-end Developer | Systems Technician Student
Apasionado por Python, Java, JavaScript | Aprendiendo Flask, Spring Boot, Node.js
Uso exclusivo para fines educativos o demostrativos. Libre modificación y reutilización.