My design system

Design System

Status: Em desenvolvimento...

About • Components • Execute • Deploy • License

💻 Sobre:

Projeto desenvolvido com intuito de criar um design system e uma documentação de componentes reutilizáveis. Projeto feito com:

• Stitches;
• RadixUI;
• Storybook;
• TypeScript;
• React;
• ViteJs
• TurboRepo
• Changeset

---

Components do Design System

• Text
• Heading
• Box
• Button
• TextInput
• TextArea;
• Checkbox
• Avatar
• MultiStep
• Select
• Slider
• Caroussel (V/H)
• ScrollArea
• Tooltip
• Toast
• Popover
• Modal

---

🚀 Como executar o projeto.

🎲 Rodando a aplicação

# Clone este repositório

# Acesse o terminal do seu sistema operacional e escolha uma pasta de sua preferencia
# cole o comando abaixo no terminal
$ git clone git@github.com:JoaoAlberto20/design-system.git


# Entre na pasta clonada com seguinte comando 
$ cd design-system

# Instale as dependências com:
$ npm install

# Rode a aplicação em modo de desenvolvimento:
$ npm run dev

# O servidor inciará na porta:6006 - acesse <  http://localhost:6006 >

---

🎨 Documentação do Design System

A documentação do design system está disponível aqui: https://joaoalberto20.github.io/design-system

📝 License

This project is under the license MIT.

Made with ❤️ by João Alberto Get in Touch!

---