Features • Pré-requisitos • Rodando a Aplicação • Tecnologias • Autor
Projeto que visa padronizar a interface gráfica das aplicações que o utilizarem!
Features - Topo
- Contém padrões para tamanho de texto, espaçamentos, cores pré-estabelecidas e valores para arredondamento de bordas.
- Contém componentes react já pré-configurados para serem utilizados.
Pré-requisitos - Topo
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git e Node.js
Além disto é bom ter um editor para trabalhar com o código como VSCode
Para finalizar, precisará também ter configurado um VERCEL_TOKEN, GITHUB_TOKEN e por último NPM_TOKEN. Essas variáveis são necessários para o workflow de build e deploy e também para a publicação do pacote no NPM!
Rodando a Aplicação - Topo
# Clone este repositório
git clone https://github.com/RicardoOliveiraFilho/design-system.git
# Acesse a pasta do projeto no terminal, a partir do diretório ao qual o comando de clonagem foi executado
cd design-system
# Instale as dependências
$ yarn install ou
$ npm i
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
$ yarn dev
# O servidor iniciará na porta:6006
# Acesse http://localhost:6006/Tecnologias - Topo
As seguintes ferramentas foram usadas na construção do projeto:
Autor - Topo
Feito por Ricardo Oliveira - Entre em contato!