Modernización comercial de un ERP multiaplicación

Contexto

Ventas e Intranet sostenían pedidos, clientes, cobranzas, recibos, rendiciones e informes de una empresa láctea. Las pantallas server-side y sus dependencias debían evolucionar sin interrumpir procesos comerciales existentes.

El problema

La aplicación de Ventas resultaba difícil de utilizar desde teléfonos. A la vez, los nuevos informes comerciales necesitaban visualizaciones modernas sin duplicar reglas en el navegador ni generar conflictos con el CSS y el backend legacy.

Mi rol

El cliente definió las necesidades operativas y validó las entregas. Yo implementé la evolución full stack: experiencia responsive, componentes reutilizables, endpoints AJAX, agregaciones de backend, optimización de consultas, integración React/Vite y pruebas sobre reglas comerciales.

Condicionantes

• Mantener disponibles pedidos, clientes, cobranzas e informes durante la modernización
• Convivir con PHP server-side, jQuery, estilos globales y dependencias legacy
• Introducir React solo donde aportaba valor sin trasladar al frontend la fuente de verdad

Decisiones clave

• Migrar la experiencia móvil progresivamente en lugar de reescribir Ventas
• Extraer tablas, modales y formularios reutilizables para reducir duplicación
• Centralizar agrupaciones, períodos y cálculos comerciales en endpoints PHP testeables
• Aislar los estilos del dashboard React/Vite para evitar regresiones sobre la aplicación existente

Cómo lo implementé

• Adapté pedidos, clientes, cobranzas, cuentas corrientes, recibos e informes para pantallas reducidas e interacción táctil
• Construí comportamientos responsive reutilizables, mejoré navegación y resolví problemas específicos de iOS y dobles envíos
• Integré metadata, tablas, históricos y comparaciones cliente-producto mediante React/Vite, endpoints PHP y consultas optimizadas

Controles y calidad

• Pruebas unitarias sobre reglas de agrupación y comparación temporal
• Consultas parametrizadas y optimizaciones para evitar procesamiento y uso de memoria innecesarios
• Aislamiento de estilos y evolución incremental para reducir regresiones sobre flujos activos

Estado y resultado verificable

• Los principales flujos de Ventas cuentan con variantes móviles desplegadas y utilizables desde teléfonos
• El dashboard React/Vite opera en producción con las reglas y agregaciones centralizadas en backend
• La modernización se incorporó sin exigir una reescritura ni detener las aplicaciones existentes

Trade-offs y trabajo pendiente

• React se incorporó en un módulo acotado y el resto continúa sobre la arquitectura legacy
• La convivencia con dos enfoques de interfaz requiere límites y estilos explícitos
• No se publican métricas de adopción o mejora de performance sin mediciones confirmadas