Refactor por features, design system e UX mobile
Refactor do frontend por feature folder, extração de tipos do Dexie, padronização de Select com react-select, design system restrito a administradores e revisão de UX mobile.
Um dia de reorganização estrutural e revisão de experiência no projeto cliente (NDA). Foram 14 sessões em 8 workspaces, com 9 commits únicos.
Projeto cliente (NDA)
Refactor por feature
Reorganizei o frontend para aproximar serviços, hooks, stores e componentes do domínio que eles atendem.
O trabalho incluiu a migração de Novo Relatório e Gestão Relacional para pastas de feature, a extração dos tipos do Dexie para db/types.ts, e a separação dos serviços de negócio.
Também consolidei hooks e o store Zustand de Gestão Relacional.
O resultado deixa a estrutura mais fácil de navegar e reduz a dependência de pastas técnicas genéricas.
Design system e Select
Comecei uma rota de design system disponível apenas para o Administrador do sistema, usando os componentes existentes como fonte da verdade.
Também documentei a intenção em docs/design-system.md.
Para os selects, defini o uso de react-select como padrão reutilizável, com suporte a busca, limpeza, carregamento e estado desabilitado conforme o contexto.
O foco principal foi corrigir a experiência no celular, onde os selects atuais estavam inconsistentes.
Revisão de UX responsiva
Testei os fluxos em dispositivo físico e revisei problemas de layout no mobile.
A análise cobriu header, inputs, combos, selects e formulários de Novo Relatório, incluindo tamanho de fonte, peso, cores e placeholders.
Também investiguei um caso em que o header desaparecia ao abrir o horímetro.
Uma boa arquitetura não basta se o formulário falha no contexto real de uso. Hoje o trabalho avançou nos dois lados: estrutura de código e interface.