InicioServiciosPortfolioDemosSobre míContacto
Volver al portfolio
Piloto real

Plano de Evaluación de Riesgos

PWA · Herramienta de campo

Editor táctil de planos para técnicos de alarmas: dibujan la vivienda en el móvil, colocan dispositivos y generan el PDF corporativo. En piloto real con técnicos de campo.

29K líneas de código
100% funcional offline
4×/día backups verificados
10 min canario E2E
Plano de Evaluación de Riesgos screenshot

Sobre el proyecto

Digitaliza un proceso que se hacía en papel: el técnico dibuja el plano de la vivienda en el móvil — paredes con auto-soldadura, relleno inteligente de habitaciones, dispositivos que se orientan solos — lo firma con el cliente y exporta el PDF con la plantilla corporativa. Funciona offline con cola de sincronización: los técnicos trabajan en campo con 3G intermitente sin perder un solo plano. Incluye un sistema de telemetría propio estilo Sentry sobre PostgreSQL para diagnosticar errores en tiempo real sin ceder datos a terceros.

Stack tecnológico

React 18TypeScriptSVG EditorNode 20ExpressPostgreSQLPWA offline-firstDocker

Funcionalidades clave

  • Editor SVG táctil: auto-soldadura de paredes, smart-fill de habitaciones por flood-fill y auto-orientación de dispositivos por raycast
  • Offline-first real: cola de sincronización con bloqueo optimista por versión — cobertura intermitente sin pérdida de datos
  • Exportación PDF/PNG con renderer canvas2d propio, incluida la réplica del informe corporativo de robo
  • Multi-planta, versionado completo de planos y firma de técnico y cliente
  • Telemetría propia: errores JS, Web Vitals y heurísticos de UX en PostgreSQL con dashboard de administración
  • JWT con revocación real, registro restringido a dominio corporativo y audit log
  • Staging → producción con promoción atómica por retag de imagen Docker y rollback en segundos
  • Backups 4 veces al día con test de restauración mensual y canario E2E cada 10 minutos

Desafíos técnicos

1

Sincronización offline sin pérdida: bloqueo optimista por versión y reconciliación de conflictos entre móvil y servidor

2

Render de planos idéntico en pantalla, PNG y PDF con un único renderer canvas2d

3

Telemetría con limpieza automática de PII para diagnosticar errores en campo sin comprometer datos de clientes

¿Quieres algo similar para tu negocio?

Solicitar presupuesto
Solicitar presupuesto