Design
Monorepo Next.js + Expo · una PWA que también compila a nativo · Industry Hack 2026, Tec de Monterrey campus Puebla
VERDANA Loop resuelve el flujo inverso de un sistema de empaque retornable B2B: planta → centro de distribución → tienda. La tesis del reto es que el retorno no se construye desde cero, se monta sobre el backhaul que el camión ya hace vacío, y que lo que se financia no son cajas sino capital inmovilizado en tránsito — 712k contenedores en circulación al 40% de conversión, dimensionados por tiempo de ciclo y no por tasa de retorno. Construí dos superficies sobre el mismo dominio compartido: la web de operación y dirección (panel, red, plantas, pool, rutas, economía, riesgos) y la app de campo para chofer, tienda y consumidor, que compila a iOS, Android y PWA instalable desde un solo código.
Visual style: Vinotinto de marca sobre superficie clara, verde lima como único acento de acción, tarjetas planas sin sombra y números grandes con su meta debajo — la lectura de campo manda sobre la decoración.
Un dominio, tres destinos
`@verdana/core` se consume desde su TypeScript fuente: Next lo transpila con `transpilePackages` y Metro lo resuelve con `watchFolders`, sin paso de build intermedio. La misma máquina de nueve estados y la misma matemática de ruta alimentan la web y la app.
La PWA fue una decisión, no un extra
Expo con `output: "single"` (SPA) porque en modo `static` la ruta `parada/[id]` se exportaba literal y daba 404 al recargar desde el icono instalado. El precache del service worker se calcula del `dist/` en post-build porque el bundle lleva hash: sin eso la app abre en blanco la primera vez sin red.
La conciliación es el producto
La tienda declara lo que dejó listo y el chofer confirma lo que subió al camión; la diferencia queda como incidencia y sostiene el cargo por unidad no devuelta. Medido por punto de entrega, porque el promedio global esconde a los malos actores — que fue justo la causa del fracaso del piloto previo.
Simulador de ruta sin API key
Spline Catmull-Rom entre waypoints, interpolación por distancia haversine, factor de tráfico determinista y suavizado de rumbo por el camino corto del círculo. Proyección equirectangular propia: el turno completo se comprime en 60 s reproducibles, sin servicio de mapas.
Modelo económico interactivo
La vista de economía mueve ciclo y merma sobre un CapEx fijo de €29M y recalcula pool, CapEx total y payback en vivo (5.3–7.2 años según escenario). Deja ver la conclusión del análisis: el presupuesto de €100M no es la restricción, el tiempo de ciclo sí — cada día menos libera ≈€400k de capital.
La merma como variable ambiental
El CO₂ se prorratea sobre ciclos realmente leídos por RFID, no supuestos: el equilibrio contra el desechable llega a los 15 ciclos, y un contenedor perdido en el ciclo 20 desperdicia el 79% de su huella de fabricación.
Technical
Stack, complexity, and deployment context.
Stack
Next.js
React
TypeScript
Tailwind CSS
Expo
React Native![](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2364748b" stroke-width="2"%3E%3Cpath d="M16 18l6-6-6-6M8 6l-6 6 6 6"/%3E%3C/svg%3E)
pnpm
Vercel
Repository
Repo del equipo (privado) — Team Dinastía BUAP, sin acceso público desde este portafolio.
Demo / modelo de referencia
https://verdana-loop.vercel.app- Complexity
- Very high
- Estimated time
- Industry Hack 2026 · Tec de Monterrey campus Puebla — 3.er lugar
- Deployment / context
- Monorepo pnpm en dos proyectos de Vercel. Web de operación (enlazada arriba) en Next.js App Router; app de campo instalable como PWA en https://verdana-loop-pwa.vercel.app, exportada con `expo export` más un post-build que inyecta manifest, etiquetas iOS y precache del service worker. Análisis de costos y diseño de red en /projects/verdana-loop/verdana-loop-analisis-costos.pdf. Sin backend: el estado vive en memoria con `useSyncExternalStore` y los datos son mock derivados de la propuesta.