Ignite UI

---

Sobre |  Tecnologias |  Figma | 

Fontes |  Executar |  Licença

---

ℹ️ Sobre

Nesse módulo foi construido um Design System, entendido como documentar os componentes do React e descoberto diversas ferramentas que nos ajudam desde a implementação do Design System até sua publicação, como Storybook, changesets e muito mais.

O Design System construído, pode ser avaliado e testado clicando aqui.

Componentes Desenvolvidos

• Avatar
• Box
• Button
• Heading
• Checkbox
• MultiStep
• Text
• TextInput
• Textarea
• Toast
• Tooltip

🚀 Tecnologias Utilizadas

• ESLint
• Phosphor
• Polished
• Radix-UI
• React
• Stitches
• Storybook
• tsup
• TypeScript
• Vite
• @rocketseat/eslint-config
• @storybook/addon-a11y

🎨 Layout no Figma

Para essa aplicação foi fornecido um layout para que fosse possível seguir e implementar todas as funcionalidades desenhadas no #Figma.

Figma - Ignite Call

🔤 Fontes utilizadas

• Roboto

⚡ Como executar

• Clone o projeto:

git clone https://github.com/jerp86/05-design-system.git

• Acesse a pasta clonada:

cd 05-design-system

• Instale as dependências:

npm ci

• Inicie o projeto:

npm run dev

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito por Jerp86 👋️

Entre em contato!