/design-system

Design system made for React projects

Primary LanguageTypeScript

@TayhSN UI

Design System para projetos React.

šŸ“‘ Sobre

Projeto do 5Āŗ mĆ³dulo do Ignite.

Design System desenvolvido do Zero e conta com os tokens principais jĆ” definidos. O projeto estĆ” em construĆ§Ć£o e jĆ” possui os seguintes componentes:

  • Avatar
  • Box
  • Button
  • Checkbox
  • Heading
  • MultiStep
  • Text
  • TextArea
  • TextInput
  • Toast
  • Tooltip

šŸ§  Aprendizados

  • ConfiguraĆ§Ć£o do ESlint e TS Config em um Monorepo.
  • ConfiguraĆ§Ć£o e documentaĆ§Ć£o do Storybook.
  • ConfiguraĆ§Ć£o do TurboRepo.
  • PublicaĆ§Ć£o de pacotes no NPM de forma automatizada.
  • Controle de VersĆ£o com Changeset.
  • CriaĆ§Ć£o do Workflow CI/CD no Github Actions e configuraĆ§Ć£o de Cache.
  • ConfiguraĆ§Ć£o de Remote Caching na Vercel.

šŸ›  Ferramentas utilizadas

  • Typescript
  • TSUP
  • ESlint
  • Stitches
  • Storybook
  • TurboRepo
  • Changeset
  • Phosphor-react
  • Polished
  • Radix-UI