🚀 Ignite React - Design System

Pré-Requisitos   |    Frontend   |    Tecnologias   |    Lincença

🚧 Finalizado 🚧

📖 Sobre o projeto

O projeto contém alguns pacotes que estão publicados no npm, sendo eles:

• @gabriel-ignite-ui/tokens
• @gabriel-ignite-ui/react
• @gabriel-ignite-ui/docs

O package "tokens", como o próprio nome diz, contém os tokens do design system. O package "react", contém os componentes e por fim, o "docs" contém o storybook dos componentes.

📎 Features

• Documentação dos seguintes componentes:
  • Text
  • Heading
  • Box
  • Button
  • TextInput
  • TextArea
  • Checkbox
  • Avatar
  • MultiStep

⚙ Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e/ou Yarn Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Front End (web)

# Clone este repositório
$ git clone https://github.com/gabriel-nt/ignite-design-system

# Instale as dependências
$ yarn

# Execute todos os pacotes simultâneamente
$ yarn dev

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• ReactJS
• Typescript
• Vite

📕 Bibliotecas

Esse projeto foi utilizou das seguintes lib:

• turbo
• tsup
• polished
• radix-ui
• stitches
• changesets
• phosphor-react
• storybook

📘 Padrão de Código

Para padronizar a escrita do código, utilizamos as seguinte ferramentas:

• Eslint
• Prettier

📝 Licença

Esse projeto está sob a licença MIT.

---

Feito por Gabriel Teixeira