INTRANET EMPRESARIAL
Plataforma centralizada para la gestión de equipos, analíticas y recursos a nivel corporativo.
React
TypeScriptVite
Tailwind CSSShadcnUITanStack Query
Node.jsExpress.js
MongoDB
Socket.io
Vitest
Playwright
🔍 Overview
Una intranet corporativa centralizada diseñada bajo el enfoque tradicional del stack MERN actualizado a TypeScript estricto. La plataforma actúa como un centro de control operativo (ERP/CRM ligero) que unifica la gestión de usuarios, el control de accesos basados en roles (RBAC), la comunicación interna en tiempo real y la emisión automatizada de reportes financieros.
🌟 Key Features
- Comunicación Bidireccional (Socket.io): Canal de chat interno y sistema de notificaciones globales en tiempo real con aislamiento de hilos por departamento.
- Seguridad y Autorización (RBAC): Flujo de autenticación seguro basado en JWT almacenados en cookies HttpOnly, con un middleware centralizado para la validación de roles de usuario.
- Control de Estado Asíncrono: Frontend optimizado con TanStack Query (React Query) para sincronizar de manera eficiente los datos del servidor, erradicando estados globales redundantes.
- Persistencia NoSQL Avanzada: Modelado de datos en MongoDB utilizando Mongoose, estructurando índices compuestos para acelerar las consultas administrativas.
🧠 Challenges & Learnings
Fugas de Memoria en Sockets: Durante el desarrollo del módulo de tiempo real, identifiqué un problema de saturación en el Event Loop debido a la duplicación de listeners de Socket.io provocados por los ciclos de vida de React. Lo solucioné implementando funciones de limpieza estrictas (cleanup functions) en los hooks de conexión.
Optimización de Pipelines de Agregación: La generación de reportes operativos cruzados ralentizaba el servidor. Refactoricé las consultas de Mongoose utilizando el Aggregation Pipeline de MongoDB, combinando etapas de $match, $group y $lookup indexadas, reduciendo los tiempos de respuesta de la API en un 60%.
🎯 Outcome
Un sistema operativo robusto que centraliza las tareas del negocio con tiempos de respuesta en la API inferiores a los 200ms. La inclusión de React Query redujo el peso final del bundle de JavaScript a 180KB, permitiendo cargas instantáneas del dashboard administrativo.