anafts / designsystem

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

Design system react 📌

🟢 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 🦉