https://github.com/hugovarellaa/design-system

Construction of a Design System.
https://github.com/hugovarellaa/design-system

github-actions github-pages radix-ui react stitches storybook tsup turborepo typescript vitejs

Last synced: about 1 month ago
JSON representation

Construction of a Design System.

• Host: GitHub
• URL: https://github.com/hugovarellaa/design-system
• Owner: Hugovarellaa
• Created: 2022-12-11T13:44:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-13T13:01:22.000Z (about 2 years ago)
• Last Synced: 2024-11-05T21:45:58.459Z (3 months ago)
• Topics: github-actions, github-pages, radix-ui, react, stitches, storybook, tsup, turborepo, typescript, vitejs
• Language: TypeScript
• Homepage: https://hugovarellaa.github.io/design-system/?path=/story/home--page
• Size: 3 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Ignite Design System


### 📚 Link online do design system

https://hugovarellaa.github.io/design-system/?path=/story/home--page

## 🛠 Tecnologias

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

- [x] React

- [x] ViteJS

- [x] Storybook

- [x] TypeScript

- [x] Stitches (CSS-in-JS)

- [x] RadixUI

- [x] TSUP

- [x] TurboRepo

- [x] Github Actions/Github Pages

## Components

- [x] Button

- [x] Heading

- [x] Text

- [x] TextInput

- [x] Textarea

- [x] Checkbox

- [x] Avatar

- [x] MultiStep

📱 Como usar? 


### Pré-requisitos

Primeiramente, você precisa ter instalado em sua máquina as seguintes ferramentas:

[Git](https://git-scm.com), e o instalador de pacotes [npm](https://www.npmjs.com/).

E lógico é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)

### 🎲 Rodando a aplicação

```bash

# Clone este repositório

$ git clone https://github.com/Hugovarellaa/design-system

# Acesse a pasta do projeto

$ cd design-system

# Instale as dependências

$ npm i

# Execute a aplicação

$ npm run dev

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

```