Saltar al contenido
Proyectos

Panel de operación · Dinámica

Autor de la reescritura y contribuidor principal del panel

Panel interno de operación de almacén, con una reescritura completa de Vue 2 a Vue 3.

Cliente: Dinámica Ferretera

  • Operación
  • Panel administrativo
  • Migración Vue 2 → Vue 3
  • Vue 3
  • Vite
  • TypeScript
  • Pinia
  • TanStack Query
  • Socket.io + Redis
  • Ruby on Rails

Operación completa de almacén

Áreas para administración, supervisión, inventario, planeación de rutas, recepción, acomodo, escaneo y post-venta, con control de acceso por más de veinte tipos de usuario.

Reescritura Vue 2 → Vue 3

Lideré la migración del panel de Vue 2 (Vue CLI) a Vue 3 con Vite y TypeScript strict, replicando uno a uno los contratos del backend y del servidor de tiempo real, con paridad de rutas y roles.

Tiempo real

Un servidor de tiempo real en Node.js (Socket.io + Redis pub/sub), del que soy co-autor, empuja los cambios en vivo al panel a partir de eventos del backend.

Datos y métricas

Tableros con KPIs, tablas y gráficas para seguimiento de la operación, construidos con TanStack Query y Table sobre la API en Rails.

Flujo de escaneo de una venta en el panel, tema oscuro, paso "Iniciar".
Flujo de escaneo — escritorio. (Nombres y cifras internas redactados.)
Inicio del panel de operación con tablero de indicadores y gráfica semanal.
Inicio del panel, con tablero de indicadores. (Datos internos redactados.)
El mismo flujo de escaneo del panel en pantalla de teléfono.
El panel también responde en móvil. (Datos internos redactados.)

Detrás del storefront de Dinámica hay una plataforma de operación de almacén: el panel interno que usa el equipo para mover la operación día a día —inventario, pedidos, planeación de rutas de reparto, recepción, acomodo, escaneo y post-venta— con control de acceso por más de veinte tipos de usuario.

Mi trabajo aquí tiene dos partes. La primera, como contribuidor principal del panel original en Vue 2 a lo largo del tiempo. La segunda, y la que más me representa: liderar en solitario la reescritura completa a Vue 3 con Vite y TypeScript strict. No fue empezar de cero: fue replicar uno a uno los contratos del backend y del servidor de tiempo real, manteniendo paridad de rutas, roles y funcionalidades, para migrar sin perder lo que ya funcionaba en producción.

También soy co-autor del servidor de tiempo real en Node.js que da vida al panel: se suscribe a canales de Redis y reemite los cambios por Socket.io, de modo que lo que pasa en la operación se refleja en la interfaz sin recargar.