IssueAi
IssueAi copied to clipboard
OpenDevUFCG
Styleguide
Descrição da melhoria: Desenvolvimento do guia de estilo issueai
Necessidade da melhoria:
- Garantir usabilidade
- Garantir acessibilidade
- Fazer dogfooding até alcançar maturidade a fim de garantir consistência entre produtos opendev
Como ela pode ser implementada:
- Utilizar
styled-componentsque seguem o design criado.
Imagens:
- Sistema de tipografia:
Então @thayannevls. Eu vou disponibilizar o link do sketch com todas as partes do styleguide que necessitam de implementação. O escopo dos componentes iniciais (como Header , Footer, SearchInput, FilterBar, etc..) cobre apenas o issue-ai. Caso todo o design seja aprovado pelo grupo, o styleguide seria implementado dentro deste mesmo repositório em uma pasta separada, podendo ser nomeada de styleguide. Todos as páginas do IssueAí passariam a utilizar os componentes deste styleguide. Esta seria a primeira fase.
A segunda fase, seria corrigir eventuais bugs, desenovolver componentes pendentes e criar mais testes a fim de tornar o styleguide mais robusto.
E finalmente, a terceira parte seria a extração. Com o styleguide mais solido e concentrado apenas em uma pasta podemos realizar uma estração para um repositório próprio, com uma documentação própria e stories. Assim poderíamos facilmente desenvolver produtos que sigam um mesmo padrão.
Claro, a fase seguinte seria tentar trazer os outros produtos para este padrão. Isso envolveria evoluir o styleguide para cobrir tais apps.
Eu gosto de dividir em fases bem definidas por questão de segurança, já que o issueAi está em produção. Quebrar não seria algo interessante.
O que acha desta proposta ?
Gostei da proposta @matheusps, ia sugerir a gente já fazer num repo separado, mas acredito que faz sentido tua sugestão de baby-steps. Eu não tenho tanto conhecimento de design-systems então vou fazer um estudo, pra também tentar entender quais são as soluções que a galera costuma adotar, e conseguir fazer mais sugestões.
