Hi, I'm Okba. Senior Frontend Developer

I specialise in Angular and design systems: reusable, accessible components that product teams can rely on. 15 years in web development, 7 of them in banking and fintech. I work in English and French.

Based in Porto, Portugal. Open to on-site or hybrid roles across Portugal, remote roles worldwide, and freelance projects.

Get in touch LinkedIn

How I can help

Build or scale your design system

Turn a Figma design system into a component library that teams actually adopt, built from scratch. Clear component APIs, design tokens, accessibility and documentation included.

Ship and modernise Angular apps

New features with standalone components, Signals and RxJS (Angular 16 to 22), and careful upgrades of older Angular and jQuery code without breaking what already works.

Raise the quality bar

Accessibility from the first commit, automated tests with Vitest, Playwright and Jasmine, CI/CD with SonarQube quality gates, and code reviews that help the whole team grow.

Experience

  1. Senior Frontend Developer · Waterleau

    – Present · Porto

    Built the company's Angular design system: a shared component library that now powers a major platform rebuild.

    Challenge
    The design system existed in Figma, but in code every project used its own component library and styles, so screens looked different and were hard to maintain.
    Approach
    A component library that applies the company's design guidelines on top of NG-ZORRO, the library teams already knew, with custom components and an icon set where needed. Plus CI/CD with SonarQube quality gates on AWS.
    Result
    The library is the foundation of the platform rebuild, and other platforms in the company are adopting it: the same look and behaviour on every screen, from one shared source.
    • Angular 22
    • Signals
    • Figma
    • AWS

  2. Senior Frontend Developer · Natixis (Groupe BPCE)

    – · Porto

    Devoteam consultant from 2022, hired directly by Natixis in June 2024.

    Core developer on Neo3, the multi-brand design system of Groupe BPCE, one of France's largest banking groups.

    • 60+ components
    • employees
    • clients
    Challenge
    Banque Populaire, Caisse d'Epargne, Natixis and the group's other brands each need their own identity, but all need consistent, accessible interfaces across many teams and technologies.
    Approach
    Working with developers, UX designers and accessibility experts, I owned several components end to end, from design discussions and API to implementation, accessibility and documentation, and ran code reviews and onboarding.
    Result
    One library of 60+ components, themed per brand through design tokens. Accessibility is built in, so every app that uses it gets it without extra work.
    • Angular
    • TypeScript
    • Design tokens
    • Accessibility
    • Figma

  3. Earlier roles

    – · Tunis

    • CosaVostra, Backend PHP Developer (2021–2022): Symfony, third-party API integrations, SQL optimisation.
    • Linedata, Senior Frontend Developer (2018–2021): led frontend development for fintech platforms used worldwide, in Angular and Vue.js.
    • ATS, Senior Frontend Developer (2017–2018): responsive, cross-browser interfaces built hand in hand with designers.
    • Light My Web, Full-Stack Web Developer (2011–2017): client projects in PHP, Symfony and JavaScript, delivered and supported long-term.

Skills

Frontend
Angular, TypeScript, RxJS, JavaScript, HTML, CSS, Sass, Vue.js, React
Design systems
Component libraries, component API design, accessibility, Figma
Testing & quality
Vitest, Playwright, Jasmine, Karma, SonarQube, code reviews
Tooling
Nx, Git, CI/CD, Jenkins, AWS, Docker, Webpack, Agile / Scrum
Backend
Node.js, PHP / Symfony, REST, GraphQL, MySQL, MongoDB
Languages
Arabic (native), English (C1), French (C1), Portuguese (A2)

Let's talk

Hiring a frontend developer, or need help with an Angular app or a design system? I'd be glad to hear about it.

okba.nouri@gmail.com LinkedIn