O desafio

Equipas distintas recriavam componentes semelhantes, com diferenças de aparência, comportamento e acessibilidade. Era necessária uma base comum que também permitisse responder às necessidades próprias de cada aplicação.

O desenvolvimento

  1. Estruturação de uma biblioteca reutilizável de componentes e padrões visuais.
  2. Implementação em React e TypeScript com estilos partilhados e documentação.
  3. Criação de componentes com atenção à semântica, navegação por teclado e práticas WAI-ARIA.
  4. Documentação com Storybook e acompanhamento visual com Chromatic.
  5. Distribuição como pacote reutilizável para adoção em diferentes aplicações.

Os resultados

Entregue. Foi disponibilizada uma biblioteca documentada de componentes reutilizáveis, que alinhou padrões de interface entre aplicações e reduziu a repetição de trabalho.

Tecnologias relevantes

  • React
  • TypeScript
  • Tailwind CSS
  • Storybook
  • Chromatic
  • NPM