caduxl007 / ignite-design-system

Construction of a Design System.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ignite Design System

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

  • React
  • ViteJS
  • Storybook
  • TypeScript
  • Stitches (CSS-in-JS)
  • RadixUI
  • TSUP
  • TurboRepo
  • Github Actions/Github Pages

Components

  • Button
  • Heading
  • Text
  • TextInput
  • Textarea
  • Checkbox
  • Avatar
  • MultiStep

📱 Como usar?

Pré-requisitos

Primeiramente, você precisa ter instalado em sua máquina as seguintes ferramentas: Git, e o instalador de pacotes npm. E lógico é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando a aplicação

# Clone este repositório
$ git clone <https://github.com/caduxl007/ignite-design-system>

# Acesse a pasta do projeto 
$ cd ignite-design-system

# Instale as dependências 
$ npm i

# Execute a aplicação
$ npm run dev

## Prontinho você terá acesso a aplicação!!! 

About

Construction of a Design System.


Languages

Language:TypeScript 90.8%Language:JavaScript 5.5%Language:CSS 2.4%Language:HTML 1.3%