./mich
Casos de estudio

Tracking Aduanal

Frontend · Bego — 2025

Monitoreo en vivo de transportes hacia múltiples aduanas, con jerarquías de permisos y flujos de datos espaciales concurrentes.

Sincronicé varios canales de WebSockets y estandaricé la data geográfica para pintar coordenadas en tiempo real, sin fricción.

tracking-aduanal.app
Ng
Ws
Geo
RB

Stack Técnico

Angular · WebSockets · GeoJSON · RBAC

Intro

El negocio necesitaba monitoreo en vivo de transportes hacia múltiples aduanas, con jerarquías de permisos que no podían filtrarse a la UI equivocada.

El riesgo era doble: sobrecargar el navegador con flujos geográficos concurrentes y traducir reglas de acceso complejas a una experiencia sin fricción.

Sincronicé varios canales de WebSockets, estandaricé la data espacial con GeoJSON y construí una UI basada en roles (RBAC) que se adapta según el usuario.

Rol

Frontend Developer

Estado

Shipped 2024–25

Tipo

Real-time Monitoreo RBAC

Herramientas

Angular WebSockets GeoJSON RBAC
La autopsia del proyecto

Problema · Solución · Resultado

La anatomía de la decisión técnica, de la fricción al impacto medible.

01 · El síntoma

Problema

  • El negocio requería una herramienta de monitoreo en vivo para rastrear transportes hacia múltiples aduanas simultáneamente.
  • Traducir jerarquías y permisos de visualización a una experiencia fluida suponía una gran complejidad de producto.
  • Riesgo de sobrecargar el navegador al parsear y renderizar múltiples flujos geográficos en tiempo real.

02 · La decisión

Solución

Orquesté la integración de WebSockets para sincronizar dinámicamente múltiples canales activos y suscribirse a aduanas al vuelo.

Estandaricé la información espacial con GeoJSON, procesando y pintando coordenadas de forma ultra eficiente y escalable.

Construí una arquitectura de UI basada en roles (RBAC) que adapta la vista de forma segura según supervisores u operativos.

03 · El impacto

Resultado

0 ms

Latencia visual: monitoreo en tiempo real sin recargar.

100%

Alineación entre reglas de acceso del negocio y la UX.

Premium

UI/UX que domesticó la complejidad de los datos en vivo.

El Impacto Profundo

0 ms

Latencia Visual

Monitoreo en tiempo real de coordenadas y rutas sin recargar la página, sobre múltiples canales concurrentes.

GeoJSON

Data Espacial Estándar

Formato unificado que permitió parsear y pintar transportes de forma ultra eficiente y escalable.

RBAC

UI Basada en Roles

La interfaz se adapta de forma segura según supervisores u operativos, alineada a las reglas del negocio.

· Fin del caso de estudio ·
Siguiente Caso

Monitoreo White-Label

Una sola plataforma de monitoreo que debía replicarse para múltiples empresas cliente, cada una con su branding y sus módulos.

Frontend Lead White-Label 2024–25
Ver caso completo
FSD
WL
DT
Ng