Sobre • Funcionalidades • Layout • Tecnologias • Milhas a mais
Projeto desenvolvido no evento Ignite Lab Design System da Rockeseat, tendo como propósito a criação de um design system completo, deste da criação do prototipo com o Figma, até o codigo com StoryBook e outras tecnologias.
- Documentar a aplicação
- Visualizar os componentes e suas variações
- Utilização dos componetes na construção de layouts
# Clone este repositório
$ git clone https://github.com/brunosllz/ignite-lab-ds.git
# Instale as dependências
$ npm install ou yarn
# Execute a aplicação
$ npm run dev ou yarn dev
Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo. Caso queria visualizar os componentes deste Design System, pode acessar o StoryBook através desse link.
Segue um exemplo de uma tela de login feita com os componentes do Design System.
As seguintes ferramentas foram usadas na construção do projeto:
- Vite
- StoryBook
- Tailwind
- Radix
- Github Actions
Veja o arquivo package.json
- Customização do layout
- Customização dos componentes
- Resposividade da aplicação