Projeto desenvolvido durante o Ignite Lab, uma página de login - React com Design System integrado com storybook.
- Figma
- Tailwind
- Storybook
- Jest-libray integrado ao Storybook
- Mock
Foi desenvolvido um projeto em Figma aplicando os conceitos de Design System, criando e separando os componentes, criando e usando o guia de cores.
Link do projeto no Figma (Clique aqui)
O Token de cores desenvolvido no Figma foi utilizado para o desenvolvimento do projeto
Bibliteca de estilização semelhante ao Bootstrap.
Ferramente que permite criar componentes em ambiente isolado.
Foi desenvolvido componentes com variabilidade e propriedades.
Adicionada Acessibilidade dos components
Link do Deploy do Storybook (Clique aqui)
Os testes foram integrado com Storkbook.
Foi utilizado o mock testar a aplicação em simulação a um backend.
CLSX - Ferramentas para construção de className
condicionais.
Transform Tools - tranforma código. Neste projeto foi utilizado o código svg transformado para um function em react.