Skip to content

Criação de um design system do Figma ao código, utilizando React, Tailwind, Typescript, Storybook, Radix, Node.js, etc.

Notifications You must be signed in to change notification settings

anafts/DesignSystem

Repository files navigation

GitHub repo size GitHub language count 127 0 0 1_5173__


🟢 Status do projeto: Concluído ✔️


💻 Descrição do projeto:

Design system do figma ao código, criando ao longo do evento Ignite Lab oferecido pela Rocketseat


🚀 Deploy:

Se deseja acessar o figma do projeto clique aqui

Se deseja acessar o storybook do projeto clique aqui


▶️ Como executar o projeto:

⚠️ Pré-requisitos:

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

🔧 Como instalar e rodar a aplicação:

# 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

🛠️ Linguagens, dependencias e libs utilizadas:

No projeto, além das tecnologias citadas, também foi usado o Vite, Storybook, Radix, Postcss.


👨‍💻 Contribuidores


Ana Freitas

🦉