Saltar al contenido
techgeeks
← Proyectos

TechGeeks Store — demo de comercio con cobros digitales

Tienda en línea, caja y backoffice que cobran en digital y confirman cada pago solos. Así puede verse tu negocio.

Demo de referencia · Retail · gadgets y accesorios

DemoTienda de muestra de TechGeeks: una vitrina de lo que podemos construir para tu comercio. No es un cliente real.

Dos celulares con la tienda en línea de TechGeeks Store y el backoffice con las ventas del día

El reto del negocio

Un comercio que vende en línea y en su local suele cobrar los pagos digitales "a mano": el cliente transfiere, manda la captura y alguien revisa el celular para confirmar. En caja se digita el monto, se espera la notificación y, si hay que devolver dinero, nadie sabe bien cómo.

El resultado son ventas que se pierden mientras se verifica el pago, errores de monto y cero visibilidad de lo que se cobró en el día.

Cómo lo resolvimos

Una plataforma con tres partes que trabajan juntas. La tienda en línea cobra con un botón de pago y confirma la orden sola cuando la plataforma de pagos avisa que el dinero llegó. La caja genera un QR con el monto exacto del ticket (o usa el QR impreso del mostrador) y ve el pago en segundos. El backoffice reúne todos los cobros, muestra su detalle y permite reversar el mismo día.

Si el cliente recarga la página o pierde la señal a mitad del pago, la orden no se duplica: el sistema retoma donde iba.

Qué incluye

  • Tienda en línea con carrito y checkout pensado para el celular
  • Pagos digitales confirmados automáticamente, sin capturas de pantalla
  • Caja con QR dinámico en pantalla o QR impreso en el mostrador
  • ITBMS desglosado en cada ticket
  • Cancelación segura del cobro (consulta el estado antes de cancelar)
  • Backoffice con ventas del día, por canal y tasa de éxito
  • Detalle de cada pago y reversas con confirmación
  • Credenciales cifradas y registro de cada operación

TechGeeks Store es un comercio ficticio de gadgets y accesorios que construimos para mostrar en vivo cómo se ve un comercio que cobra en digital en todos sus canales.

Cómo se usa en un día normal

  1. En línea: el cliente arma su carrito desde el celular, aprueba el pago en su billetera digital y la tienda muestra “¡Pago confirmado!” en cuanto llega la notificación del pago.
  2. En el local: el cajero arma el ticket, toca Cobrar y el cliente escanea el QR. La caja ve el pago en segundos.
  3. Al cierre: el dueño abre el backoffice, revisa las ventas del día por canal y, si un cliente devolvió un producto, reversa el pago desde ahí.

Lo que cuida por dentro

  • Nada se duplica. Si el cliente recarga la página a mitad del pago, la orden sigue esperando; no se crea otra ni se cobra dos veces.
  • Nada se reversa por error. Antes de cancelar un cobro en caja, el sistema consulta su estado: si ya estaba pagado, no lo toca.
  • Todo queda registrado. Cada comunicación con la plataforma de pagos queda en un log con los datos sensibles ocultos, para resolver cualquier reclamo con evidencia.

Míralo funcionando

  • Catálogo de la tienda en línea en el celular, con productos y botón para agregar al carrito
  • Backoffice en el celular con ventas del día, tasa de éxito y cobros por canal

¿Lo quieres en tu negocio? Te lo mostramos en vivo.

Pide una demo en vivo

Lo que gana el negocio

Confirmación del pago en caja
< 10 s
Canales de cobro integrados
3
Órdenes duplicadas al recargar
0
Reversas desde el panel
Mismo día

Cobros e integraciones

  • Pago en línea

    Vende las 24 horas. Tus clientes pagan desde tu tienda en línea con su billetera digital y la orden se confirma sola, sin que tengas que revisar nada.

  • QR en caja

    Cobra en segundos y sin errores de monto. El cliente escanea el QR del ticket y la caja confirma el pago al instante.

  • Cuadre de caja

    Cuadra tu caja sin esfuerzo. Todos tus cobros en un solo panel y devoluciones el mismo día, sin llamadas ni papeleo.

Detalle técnico
  • Next.js (App Router) + TypeScript
  • Postgres (Supabase) + Drizzle ORM
  • Tailwind CSS + shadcn/ui
  • Zod
  • Vitest + Playwright con una pasarela de pagos simulada
  • Vercel

¿Quieres resultados como estos en tu negocio?

Te mostramos cómo se vería en tu negocio.

Descargar QR de este proyecto (para imprimir)