Design system do figma ao código, criando ao longo do evento Ignite Lab oferecido pela Rocketseat
Se deseja acessar o figma do projeto clique aqui
Se deseja acessar o storybook do projeto clique aqui
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone https://github.com/anafts/IgniteLab-DesignSystem.git
# Acesse a pasta do projeto no terminal/cmd
$ cd IgniteLab-DesignSystem
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# Se desejar executar o storybook
$ npm run storybook
No projeto, além das tecnologias citadas, também foi usado o Vite, Storybook, Radix, Postcss.
Ana Freitas 🦉 |