Rol

Desarrollador Frontend

Resumen

Desarrollé el frontend de una plataforma administrativa para la gestión de cobranzas educativas, construida con React, TypeScript y Vite bajo una arquitectura modular organizada por dominios funcionales. La aplicación centraliza procesos clave como pagos, deudas, alumnos, familias, tutores, becas, reportes, débitos automáticos, cheques, saldos, notas de crédito y parametrización del sistema.

Objetivo

Construir una aplicación web administrativa escalable y mantenible que centralice las operaciones de cobranzas educativas, permitiendo gestionar alumnos, tutores, familias, responsables de pago, deudas, pagos, becas, reportes, procesos de débito automático, entidades financieras y parámetros de facturación desde un panel unificado.

Aportes

• Definí e implementé una arquitectura modular con React, TypeScript y Vite, organizada por dominio funcional y separando componentes, hooks, servicios, tipos, rutas, layouts e infraestructura reutilizable.
• Construí el shell principal de la aplicación con sidebar responsive, secciones colapsables, rutas anidadas, dashboard, accesos rápidos y vistas de datos centradas en alumnos y familias.
• Implementé la comunicación centralizada con API mediante Axios, servicios específicos por dominio, contratos TypeScript estrictos y React Query para manejo de estado servidor, cache, invalidaciones, mutations, estados de carga y errores.
• Desarrollé módulos administrativos para tutores, responsables de pago, familias, alumnos, deudas, becas, pagos, reportes, cheques, saldos, cierre de caja, notas de crédito, entidades financieras, débitos automáticos y parametrización de facturación.
• Construí flujos complejos de deuda y pago, incluyendo consulta de deudas por familia, tabs por alumno, selección de conceptos adeudados, cálculo automático de totales, eliminación de deudas, confirmación de pago, múltiples medios de pago, emisión AFIP, registro contra backend, links a comprobantes y feedback del resultado.
• Implementé flujos de becas y asignación masiva con selección de ciclo lectivo, filtros por categoría, familias seleccionables, modales de confirmación, seguimiento de progreso por lotes, contadores de éxito y error, asignación a alumnos, definición de importes, filtrado por nivel y validaciones.
• Desarrollé herramientas para débitos automáticos, incluyendo gestión de adheridos, estructuras configuradas, asignación de estructuras, formularios dinámicos para generación de archivos TXT, reglas de validación, listado de archivos generados y generación de reportes.
• Creé vistas de reportes y parametrización para deudas, ingresos, conceptos pagados, conceptos pendientes, categorías, conceptos de facturación, conceptos extraordinarios, recargos, importes, becas, reglas de becas, medios de pago, débitos automáticos y razones sociales.
• Construí patrones reutilizables de UI como tablas tipadas, paginación, filtros, skeleton states, estados de error, modales de detalle, autocomplete, multi-select chips, diálogos, tooltips, inputs, selects, tabs, checkboxes, indicadores de progreso, sheets responsive y notificaciones toast.
• Implementé validación de formularios con React Hook Form y Zod en flujos de creación, edición, asignación, pago, carga de archivos y generación, asegurando una experiencia responsive para desktop y mobile.

Tecnologías

Resultados

• Entregué una arquitectura frontend escalable, alineada con separación modular por dominio y un flujo consistente Component → Hook → Service → API.
• Construí una base mantenible para incorporar nuevos módulos administrativos reutilizando patrones de tablas, filtros, modales, formularios, validación, comunicación con API y sincronización de estado servidor.
• Mejoré la eficiencia operativa al centralizar la gestión de cobranzas educativas, deudas, pagos, becas, reportes, débitos automáticos, entidades financieras y parámetros de facturación en una única interfaz.
• Habilité flujos financieros complejos como selección de deudas, registro de pagos, gestión de comprobantes, asignación de becas, configuración de débitos automáticos, generación de archivos TXT y descarga de reportes.
• Mejoré la experiencia de usuario mediante navegación responsive, accesos rápidos, datos buscables y paginados, estados de carga, feedback de errores, seguimiento de progreso, validaciones y notificaciones centralizadas.

Rol

Desarrollador Frontend

Resumen

Desarrollé el frontend de la plataforma institucional de OSSE San Juan, participando en la migración tecnológica y el rediseño completo del sitio web público. El proyecto consistió en reconstruir la experiencia digital de la institución con React, TypeScript y Vite, creando una arquitectura modular, escalable y responsive para centralizar información institucional, servicios online, noticias, obras, documentación, ubicaciones y canales de contacto.

Objetivo

Modernizar el sitio institucional existente mediante una nueva arquitectura frontend mantenible y una experiencia de usuario más clara, accesible y responsive, permitiendo que ciudadanos, proveedores y usuarios institucionales puedan acceder fácilmente a información pública, trámites, documentación, compras, proyectos, noticias, formularios online y ubicaciones de atención.

Aportes

• Definí e implementé la arquitectura frontend principal con React, Vite y TypeScript, organizando rutas, layouts reutilizables, componentes compartidos, servicios tipados, custom hooks, estilos con CSS Modules y estructura base del proyecto.
• Construí la página de inicio institucional con carrusel dinámico, accesos rápidos, bloques de información pública, últimas noticias, integración con redes sociales y mapa interactivo de ubicaciones de OSSE.
• Desarrollé funcionalidades interactivas de geolocalización y visualización de datos utilizando Leaflet, React Leaflet y Victory Charts, incorporando popups, selectores, ajuste automático de límites, animaciones por viewport y comportamiento responsive.
• Implementé secciones institucionales como Empresa, Autoridades, Delegaciones, Servicios, Obras, Compras, Proyectos y Noticias, integrando contenido desde API, agrupación de datos, acordeones, acceso a documentos, estados de carga, estados vacíos, búsqueda, paginación y páginas de detalle.
• Construí formularios públicos complejos con React Hook Form y Zod, incluyendo Trabaja con Nosotros, informe de pago, solicitudes de análisis de laboratorio y contacto, con campos dinámicos, carga de archivos, mapeo a FormData, mutaciones contra API y feedback claro de envío.
• Desarrollé componentes e infraestructura reutilizable como Navbar, Footer, Loader, Pagination, MainBanner, FileDropzone, acordeones, tarjetas, íconos, capas de servicios API, tooling, tests, linting, formateo, scripts de build, assets, PDFs y documentación técnica del proyecto.

Tecnologías

Resultados

• Entregué un frontend institucional completamente rediseñado y migrado tecnológicamente, con secciones públicas responsive, servicios online, acceso a documentos, noticias, obras, compras, formularios, contacto y ubicaciones interactivas.
• Mejoré la mantenibilidad y escalabilidad del sitio mediante páginas modulares, componentes reutilizables, servicios API tipados, custom hooks, assets organizados y tooling consistente.
• Mejoré la experiencia de usuario a través de una navegación más clara, contenido buscable y paginado, mapas interactivos, acordeones, estados de carga y vacío, layouts responsive, formularios validados, carga de archivos y feedback centralizado.

Rol

Desarrollador Frontend

Resumen

Desarrollé funcionalidades frontend para el módulo de Infraestructura de una plataforma gubernamental de gestión educativa, enfocadas en la administración de unidades educativas, establecimientos y edificios. Además, colaboré en la creación de una experiencia de ayuda e instructivos para usuarios, centralizando manuales y documentación de soporte para acompañar los principales flujos administrativos del sistema.

Objetivo

Construir una experiencia frontend clara, consistente y mantenible para la gestión de infraestructura educativa, permitiendo administrar entidades como unidades educativas, establecimientos y edificios desde vistas buscables, paginadas y accionables. A su vez, organizar un módulo de documentación accesible que facilite a los usuarios la consulta de manuales, instructivos y guías operativas relacionadas con los distintos procesos de la plataforma.

Aportes

• Desarrollé el módulo de Infraestructura para gestionar unidades educativas, establecimientos y edificios dentro de una plataforma gubernamental de gestión educativa.
• Construí vistas de listado con tablas buscables y paginadas, facilitando la consulta, navegación y administración de entidades de infraestructura.
• Implementé modales de creación, edición, eliminación y visualización de detalle para registros de infraestructura, manteniendo una experiencia consistente en las operaciones CRUD.
• Desarrollé el flujo de creación de edificios en múltiples pasos, incluyendo carga de datos generales, asociación con establecimientos, gestión de anexos y validaciones del proceso.
• Integré las vistas de infraestructura con servicios tipados y hooks personalizados para centralizar la comunicación con APIs y separar la lógica de datos de la capa visual.
• Utilicé componentes reutilizables para mantener consistencia visual y funcional en tablas, formularios, modales, botones, inputs y acciones del módulo.
• Creé y organicé el módulo de Ayuda e Instructivos, orientado a centralizar documentación de usuario y acompañar los flujos administrativos de la plataforma.
• Integré manuales de usuario para módulos como Infraestructura, Parámetros Generales, Usuarios, Expedientes y Firma Digital.
• Cargué metadatos de búsqueda en el módulo de documentación para permitir encontrar manuales por módulo, entidad, acción o términos frecuentes del flujo de trabajo.
• Profundicé la documentación del módulo de Infraestructura, incluyendo unidades educativas, establecimientos, edificios, búsqueda, paginación, creación, edición, eliminación, vistas de detalle, formularios, datos georreferenciados y confirmaciones.

Tecnologías

Resultados

• Entregué una experiencia frontend estructurada para la gestión de infraestructura educativa, con vistas claras, acciones consistentes y flujos administrativos organizados.
• Mejoré la mantenibilidad y consistencia del módulo mediante el uso de componentes reutilizables, servicios tipados y hooks personalizados.
• Facilité la administración de unidades educativas, establecimientos y edificios a través de tablas buscables, paginadas y operaciones CRUD integradas.
• Mejoré el acceso a la ayuda del sistema mediante un módulo de documentación centralizado, organizado y buscable.
• Contribuí a una mejor experiencia de usuario al acompañar los flujos administrativos con instructivos, manuales y contenido de soporte contextualizado.