/DesignSystem

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

Primary LanguageTypeScript

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

🦉