Projeto criado durante o Ignite Lab 03 oferecido pela Rocketseat. A aplicação é um Design System da NASA Lab, contendo o design e seus tokens no Figma, e os componentes e seus comportamentos (botões, inputs, textos, etc.) documentados no Storybook. Além disso, foi configurado um fluxo automatizado de deploy no próprio Github, para que quando haja uma alteração feita nos componentes, essa alteração seja aplicada automaticamente na página estática do Storybook que está publicada em: Storybook
O projeto me mostrou um novo ponto de vista sobre a área de programação front-end, onde o profissional que antes lidava apenas com códigos, deve possuir uma visão holística do produto e de sua stack, possuindo conhecimentos em design, e trabalhando com ferramentas como o Storybook, que permitem documentar os componentes das aplicações, com o objetivo de aumentar a produtividade, e melhorar a manutenção das mesmas. Neste projeto, pela primeira vez, criei o meu próprio design utilizando a ferramenta Figma, e pude entender como um design estruturado de forma correta faz total diferença na criação da aplicação (performance, manutenção, agilidade, etc.)
- Fazer variações dos componentes de input no momento do envio do formulário, para quando estes estiverem vazios ou preenchidos com dados incorretos.
- Simular e documentar no Storybook o formulário sendo preenchido e enviado para uma API fictícia. Ok ✔️
- Criar testes, e executa-los dentro do Storybook. Ok ✔️
Você pode visualizar o layout do projeto através deste link: Layout do projeto. É necessário possuir uma conta no Figma para acessá-lo.
Made by Matheus Pazinati 🛸