PROPUESTA · TIENDA EN LÍNEA

Tienda en línea con panel de administración

Maqueta general de tienda en línea, sin cliente asignado, pensada para adaptarse a cualquier negocio. La marca de ejemplo es Vitrina, con un catálogo de cuatro rubros: tecnología, hogar, moda y belleza. El cliente ve precios en dólares y en bolívares a la tasa del día, elige color y talla, y paga como se paga en Venezuela: pago móvil, Zelle, transferencia, Binance o efectivo. Puede retirar en tienda, pedir delivery en la ciudad o envío nacional por MRW, Zoom o Tealca, y sigue su pedido con un código. Del otro lado, el dueño entra al panel con PIN, confirma pagos con su referencia, despacha con número de guía y avisa por WhatsApp. Desde Ajustes cambia nombre, frase, color, contacto, tasa, delivery y formas de pago, y la tienda se actualiza al instante.

Cliente: Propuesta · tienda en línea
Stack: React 19ViteTypeScriptTailwind CSS 4React Router

Portada

Banner con los productos destacados, ventajas de la tienda (envíos a todo el país, pagos locales, compra segura, atención por WhatsApp) y acceso directo a las ofertas.

EL PROBLEMA

Muchos negocios venden por Instagram y WhatsApp: el catálogo son fotos sueltas, los precios se repiten a mano en cada chat y los pagos llegan como capturas que alguien tiene que revisar. No hay un lugar donde ver qué se vendió, qué falta por despachar ni cuánto queda de cada producto, y las tiendas genéricas no aceptan pago móvil ni envíos con cobro a destino.

LA SOLUCIÓN

Una tienda propia con el catálogo, el carrito y el pago tal como se compra en Venezuela, y un panel donde el dueño confirma cada pago con su referencia, despacha con guía y lleva el inventario. La marca, la tasa y las formas de pago se cambian desde el panel, así la misma base sirve para cualquier rubro.

CÓMO ESTÁ CONSTRUIDO

React 19 con Vite, React Router y Tailwind CSS 4. Un store con React Context guarda carrito, pedidos, favoritos y ajustes en el navegador, con pedidos de ejemplo la primera vez. El color principal es una variable CSS que Ajustes cambia en vivo. Las imágenes de producto son ilustraciones SVG que toman el color de la variante; con un cliente real se reemplazan por sus fotos, y pedidos, productos y clientes pasan a una base de datos con las mismas pantallas.