manyContacts-full-stack

1. Visão Geral

Este projeto consiste em criar um pequeno cadastro de clientes com vínculo de contatos, depois mostrar o cliente e seus contatos vinculados. Um pouco das tecnologias usadas:

2. Início Rápido

Clone o repositório

2.1. Preparando o BackEnd

Acesse pelo terminal a pasta 'backend_manycontacts' que está dentro do repositório.

2.1.1. Instalando dependências

No terminal utilizar o comando

yarn install
 (Aguardar a instalação dos pacotes)

2.1.2. Configurando variaveis de ambiente

Em seguida, crie um arquivo .env, copiando o formato do arquivo .env.example:

cp .env.example .env

Configure suas variáveis de ambiente com suas credenciais do Postgres e uma nova database da sua escolha. (As requisições do front está setada para 'localhost:3000')

2.1.3. Migrations

Execute as migrations com o comando:

yarn typeorm migration:run -d src/data-source.ts

2.1.4. Rode o backEnd

Utilize o comando

yarn dev

Devera aparecer a mensagem no terminal 'Server running on port 3000'

Caso queria testar somente o backEnd tem um arquivo do insomnia na raiz do projeto, só importar e testar as rotas

2.2. Preparando o FrontEnd

Agora abra outro terminal para conseguir rodar os dois ao mesmo tempo, agora acesse pelo terminal a pasta 'frontend_manycontacts' que está dentro do repositório.

2.2.1. Instalando dependências

No terminal utilizar o comando

yarn install

2.2.2. Rodando o projeto frontEnd

Utilize o comando

yarn start

como o backend está utilizando a porta 3000,Confirme a primeira pergunta para utilizar outra porta no frontEnd. Pronto a aplicação irá abrir em seu navegador padrão e poderá utilizar!