DiegoBarrionuevo
← Trabajo seleccionadoProducto propioEn desarrollo

Un comercio arma su carta, el cliente pide por WhatsApp.

Catálogo, pedidos, caja y atención en un panel; el pedido viaja como mensaje.

Fundador y desarrollador2026
Next.js 15React 19TypeScriptDrizzle · PostgreSQLSupabaseWhatsApp
La tienda

Cuatro temas, una plataforma.

El comercio carga su carta desde el panel y Hermes publica una tienda web con su marca, lista para compartir como enlace o código QR, sin app que instalar. El cliente recorre el catálogo, arma el pedido y lo manda como un mensaje de WhatsApp: sin registro, sin contraseña y sin comisión por pedido.

El motor de temas no cambia dos colores: cambia la composición. Studio, Brutal, Street y Market aplican su propia familia tipográfica, peso y caja, un radio distinto, 10, 0, 4 y 16 píxeles, y otro fondo y otro botón sobre la misma carta. Cuatro negocios de demostración, Casa Umi, Fierro Burger, La Esquina y Lo de Tere, muestran la diferencia en menos de 30 segundos.

4
temas, una plataforma
0 %
comisión por pedido
< 30 s
para ver la diferencia
Los pedidos

El pedido viaja como mensaje.

El cliente elige en el catálogo, ajusta tamaño, cocción y extras, confirma total y entrega, y el pedido sale como un mensaje de WhatsApp con el detalle completo. El mismo pedido queda registrado en el centro de pedidos: el panel es la fuente de verdad y WhatsApp es el canal que lo lleva.

Desde el panel el comercio acepta con una mano, marca cada estado, nuevo, confirmado, preparando, listo, enviado o cancelado, y pausa la recepción 15, 30 o 60 minutos o hasta el próximo turno, sin cerrar la tienda. Sin conexión, los cambios quedan en cola y se reintentan solos. Lo que Hermes no puede ver es si el mensaje llegó: por eso no hay tilde de entrega.

6
estados de pedido
15 · 30 · 60
minutos de pausa, o hasta el próximo turno
El panel

Hora pico desde el celular.

El centro de pedidos está pensado para la hora pico y para una sola mano: lo que más espera arriba, aceptar con un toque, pausar la recepción sin cerrar. Si se corta la conexión muestra los últimos pedidos cargados y los cambios quedan pendientes hasta que vuelve.

El inicio tiene una sola tarea principal según el estado real del negocio: cargar la carta, confirmar los datos, preparar la recepción, probar y publicar. Nada de gráficos hasta que haya pedidos que graficar. Estas pantallas son canvases de diseño: el panel está parcialmente implementado.

Canvas de diseño del centro de pedidos: los pedidos nuevos arriba con el botón Aceptar, la vista sin conexión y la hoja para pausar la recepción 15, 30 o 60 minutos
C02 – C03 · Pedidos · Diseño (canvas)
Canvas de diseño del inicio del panel: la puesta en marcha en cuatro pasos, cargar la carta, confirmar el negocio, preparar la recepción y publicar
C01 · Inicio · Diseño (canvas)
La carta

Fotos de la carta, candidatos con evidencia.

Cargar la carta es la primera tarea de cualquier comercio y la que más demora. Hermes acepta fotos de la carta impresa, un PDF o la lista que ya se manda por WhatsApp, y la IA prepara un borrador: cada candidato trae el nombre, el fragmento de texto del que salió y el precio.

Un precio cuyos dígitos no aparecen en su fragmento no se inventa: queda vacío y marcado como conflicto para revisar, nunca en cero. En la prueba sobre ocho páginas de cartas reales salieron 163 ítems y se conservaron 202 precios por USD 0.024; una carga de diez fotos cuesta alrededor de USD 0.025. Plan Free: 30 productos y una carga con IA; Pro: 300 productos y cinco cargas.

8
páginas de cartas reales
163
ítems
202
precios conservados
USD 0.024
costo de la prueba
WhatsApp

Una sesión que sabe en qué estado está.

Los mensajes salen por una pasarela propia: Fastify con Baileys multidispositivo y el estado de autenticación guardado en Postgres. La sesión es una máquina de estados explícita, desconectada, QR pendiente, conectando y conectada, con dos finales que no se reintentan solos: sesión cerrada, que pide volver a escanear el código, y bloqueada.

Los límites también son explícitos. El QR se renueva hasta seis veces y después se detiene; la reconexión espera de 2 a 60 segundos entre intentos, con un máximo de ocho; los mensajes salientes se espacian entre 1 y 1,5 segundos. Hermes no observa la entrega del mensaje, así que no promete tildes.

6
estados de sesión, dos terminales
6
renovaciones de QR, después se detiene
2 → 60 s
de espera, máximo 8 intentos
1 – 1,5 s
entre mensajes salientes
De la noche al día

El landing amanece al bajar.

Hermes tiene dos mundos en un producto. La marca es de noche: un fondo casi negro, una sola brasa de color y una barra de navegación de vidrio. El producto es de día, Cristal Preciso: blanco frío, tinta oscura, un acento índigo, materiales de vidrio, líneas finas y chips en píldora, con una mancha de color desenfocada que se mueve despacio.

El landing lo cuenta literalmente: arranca de noche con la tienda de Casa Umi en un celular y, al bajar, se funde con el día, donde aparecen los cuatro negocios de demostración. Todo el fundido es una sola variable, --day-mix, que mueve fondo, texto y superficies a la vez.

El landing de Hermes todavía de noche, con la tienda Market de Lo de Tere en un celular y el inicio de la sección Pedido en vivo
Landing a 1.900 px de scroll: noche
El landing de Hermes ya de día: la sección Cuatro negocios, cuatro identidades, con las tiendas de Casa Umi, Fierro Burger, La Esquina y Lo de Tere
Landing a 3.800 px de scroll: día
Los cimientos

Más decisiones registradas que pantallas.

Un monorepo con pnpm: el panel, el paquete de base de datos y el sistema de diseño. Next.js 15 con React 19 y TypeScript 5.9; Tailwind 4 y Radix en el panel; CSS Modules sobre los tokens de Cristal Preciso en el landing. Drizzle sobre PostgreSQL con seguridad a nivel de fila en 35 tablas y dos roles de base de datos; Supabase para el acceso por código de email y el almacenamiento; Vercel para el hosting.

Antes de tener usuarios hay 396 casos de prueba en 41 archivos, cuatro especificaciones de extremo a extremo con Playwright, 56 decisiones de arquitectura registradas, 22 preguntas abiertas, 20 canvases de diseño y 103 commits. El orden es a propósito: primero las decisiones, después las pantallas.

35
tablas con RLS
396
casos de prueba en 41 archivos
56
decisiones registradas
22
preguntas abiertas
En construcción
4temas
35tablas con RLS
396tests
56decisiones registradas

Sin usuarios ni facturación todavía: un producto propio en desarrollo.

Las pantallas del panel son canvases de diseño; el landing corre.
Siguiente proyectoFinanzas personales con IADecís lo que gastaste por texto, audio o foto del comprobante; la IA propone el movimiento y vos confirmás.