Role

Frontend Developer

Summary

Frontend development for a modular educational collections platform, focused on managing payments, debts, tutors, families, scholarships, reports, automatic debits, checks, balances, credit notes, and system parameterization through a scalable domain-based React architecture.

Objective

Build a scalable and maintainable administrative web application that centralizes educational collections operations, allowing users to manage students, tutors, family debts, payment flows, scholarships, reports, automatic debit processes, financial entities, and billing parameters from a unified dashboard.

Contributions

• Defined and implemented a modular React, TypeScript, and Vite architecture organized by functional domain, separating components, hooks, services, types, routes, layouts, and reusable infrastructure
• Built the main application shell with responsive sidebar navigation, collapsible menu sections, nested routes, dashboard access, quick actions, and student-focused data views
• Implemented centralized API communication with Axios, domain-specific service layers, strict TypeScript contracts, and React Query for server-state management, cache invalidation, mutations, loading states, and error handling
• Developed core administrative modules for tutors, responsible payers, families, students, debts, scholarships, payments, reports, checks, balances, cash closing, credit notes, financial entities, automatic debits, and billing parameterization
• Built complex debt and payment workflows including family debt modals, student-specific debt tabs, selectable debts, total calculation, debt deletion, payment confirmation, multiple payment methods, AFIP emission option, backend registration, comprobante links, and payment result feedback
• Implemented scholarship and mass-assignment workflows with cycle selection, category filtering, selectable families, confirmation modals, batch progress tracking, success and error counters, student assignment, amount assignment, level-based filtering, and validation
• Developed automatic debit tooling including subscriber management, configured structures, structure assignment, dynamic TXT generation forms, validation rules, generated file listing, and report generation
• Created reporting and parameterization views for debts, income, paid concepts, pending concepts, categories, billing concepts, extraordinary concepts, surcharges, amounts, scholarships, scholarship rules, payment methods, automatic debits, and business/legal entities
• Built reusable UI patterns such as typed tables, pagination, filters, skeleton states, error states, detail modals, autocomplete, multi-select chips, dialogs, tooltips, inputs, selects, tabs, checkboxes, progress indicators, responsive sheets, and toast notifications
• Implemented form validation with React Hook Form and Zod across creation, editing, assignment, payment, upload, and file-generation flows, ensuring responsive behavior for desktop and mobile views

Technologies

Outcomes

• Delivered a scalable frontend architecture aligned with domain-driven module separation and a consistent Component → Hook → Service → API flow
• Created a maintainable foundation for adding new administrative modules while reusing patterns for tables, filters, modals, forms, validation, API communication, and server-state synchronization
• Improved operational efficiency for managing educational collections, debts, payments, scholarships, reports, automatic debits, financial entities, and billing parameters from a single interface
• Enabled complex financial workflows such as debt selection, payment registration, comprobante handling, scholarship assignment, automatic debit configuration, TXT file generation, and report downloads
• Enhanced user experience with responsive navigation, quick access actions, searchable and paginated data, loading states, error feedback, progress tracking, validation, and centralized toast notifications

Role

Frontend Developer

Summary

Frontend development for OSSE San Juan's institutional platform, including a full website redesign and technology migration to a modern React-based stack, rebuilding the public site with a modular architecture, dynamic content sections, service-oriented pages, document access, news management, interactive maps, complex forms, and responsive user experiences.

Objective

Migrate the previous institutional website to a modern, scalable, and maintainable frontend architecture while delivering a complete visual and user experience redesign that centralizes public information, services, news, works, procurement processes, project documentation, contact channels, and online request forms for citizens, suppliers, and institutional users.

Contributions

• Built the main React, Vite, and TypeScript architecture with routed pages, reusable layouts, shared components, typed services, custom hooks, and CSS Modules
• Implemented the institutional home page, including dynamic carousel, quick access shortcuts, public information blocks, latest news, social links, and an interactive OSSE locations map
• Developed interactive geolocation and data visualization features with Leaflet, React Leaflet, Victory Charts, viewport-based animations, popups, selectors, automatic bounds fitting, and responsive behavior
• Created institutional sections such as Enterprise, Authorities, Delegations, Services, Works, Procurement, Projects, and News, integrating API-driven content, grouped data, accordions, document access, loading states, empty states, search, pagination, and detail pages
• Built complex public forms with React Hook Form and Zod, including work-with-us CV submissions, payment notifications, laboratory analysis requests, contact flows, dynamic fields, file uploads, FormData mapping, API mutations, and submission feedback
• Developed reusable UI and infrastructure pieces such as Navbar, Footer, Loader, Pagination, MainBanner, FileDropzone, accordions, cards, icons, API service layers, project tooling, tests, linting, formatting, build scripts, assets, PDFs, and documentation structure

Technologies

Outcomes

• Delivered a fully redesigned and technology-migrated institutional frontend with responsive public-facing sections, online service workflows, document access, news, works, tenders, forms, contact channels, and branch locations
• Improved maintainability and scalability through modular pages, reusable components, typed API services, custom hooks, organized assets, and consistent tooling
• Enhanced user experience with searchable and paginated content, interactive maps, accordions, loading and empty states, responsive layouts, accessible navigation patterns, validated forms, file uploads, and clear submission feedback

Role

Frontend Developer

Summary

Frontend collaboration focused on the Infrastructure module and the user documentation experience for a government education management platform.

Objective

Develop frontend views for managing educational infrastructure data and organize user documentation to support administrative workflows.

Contributions

• Developed the Infrastructure module to manage educational units, establishments, and buildings
• Built listing views with searchable and paginated tables for infrastructure entities
• Implemented create, edit, delete, and detail modals for infrastructure records
• Developed the multi-step building creation flow, including building data, associated establishments, and annexes
• Integrated infrastructure views with typed services and custom hooks for API communication
• Used reusable components to keep tables, forms, modals, buttons, and inputs consistent across the module
• Created and organized the Help and Instructives module for user-facing documentation
• Integrated user manuals for Infrastructure, General Parameters, Users, Expedientes, and Digital Signature
• Added searchable metadata to the documentation module so users can find manuals by module, entity, action, or common workflow terms
• Focused on documenting the Infrastructure module, including educational units, establishments, buildings, search, pagination, creation, editing, deletion, detail views, forms, georeferenced data, and confirmations

Technologies

Outcomes

• Delivered a structured frontend experience for educational infrastructure management
• Improved consistency across infrastructure screens through reusable UI patterns
• Made user guidance easier to access through centralized and searchable documentation