Pro_Mov (IEFP)
Public reskilling platform for IEFP, the Portuguese employment institute. Course catalogue with client-side filtering and URL-persisted state, multi-step registration form integrating with the government's WebSIGA API, SendGrid email confirmations, IBAN validation, and strict accessibility compliance for public sector requirements.
[About]
The front-end challenge on this project was building a multi-step registration form that integrates with a government API while meeting strict accessibility requirements. Each step validates progressively — personal data, IBAN verification, document uploads — with real-time feedback before submitting to the WebSIGA API. I had to handle edge cases around citizen data: partial saves, session recovery, and validation against external services that can be slow or unreliable. I built the course catalogue with client-side filtering where every filter selection persists in the URL — region, category, availability — making the state shareable, bookmarkable, and back-button safe. The combination of URL state management with Apollo Client's cache layer was key to keeping the UI responsive while fetching filtered results from GraphQL. Accessibility was a hard requirement, not a checkbox. Full WCAG compliance, keyboard navigation through every form step, screen reader announcements on validation errors, and focus management between steps. This was also where I adapted the CMS-driven section system from the multi-brand platform to a non-commercial context, proving the architecture scales beyond marketing sites.
[Stack]