MaykonLacerda / teste-pratico-03

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Teste Prático

💻 Sobre o projeto

👨‍💻 Este teste prático foi desenvolvido com a finalidade de por meus conhecimentos sobre desenvolvido web a prova.

🌩️ Problema

  • Uma empresa deseja implementar um canal de relacionamento com prestadores de serviços.

🌅 Solução

  • Desenvolver uma aplicação web para que os prestadores de serviço façam seu cadastro e envie a documentação necessária.

🎨 Layout

  • Disponíveis em assets da pasta principal

🚀 Como executar o projeto

Este projeto é divido em duas partes:

  1. Backend (pasta back-end)
  2. Frontend (pasta front-end)

💡 O Frontend precisa que o Backend esteja sendo executado para funcionar.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e PostgreSQL. Além disto é bom ter um editor para trabalhar com o código como VSCode.

🎲 Rodando o Backend (servidor)

# Clone este repositório
$ git clone git@github.com:MaykonLacerda/teste-pratico-03.git
# Acesse a pasta do projeto no terminal/cmd
$ cd teste-pratico-03
# Vá para a pasta back-end
$ cd back-end
# Instale as dependências
$ yarn

Agora você precisa rodar as migrations do TypeORM. Antes de realizar esta etapa, primeiro você deve configurar seu banco de dados e as variáveis de ambiente.

  • Banco de dados: Acesse o bash do PostgreSQL e digite:
#Obs.: Verifque que o banco de dados seja criado no usuário correto do Postgres, ao qual você tem os dados de usuário e senha.
$ CREATE DATABASE database_teste_pratico;
  • Variáveis de ambiente: Renomeie o arquivo '.env.example' (presente em /teste-pratico-o3/back-end) para '.env'
#(Os dados que estão aqui são somente um exemplo, podem ser alterados)

##Adicione a porta em que o back-end irá iniciar
PORT=3333

##Adicione as informações do banco Postgres para o TypeORM
DB_HOST=localhost
DB_PORT=5432
DB_USER=postgres
DB_PASSWORD=postgres
DB_NAME=database_teste_pratico

#Obs.: Verifique que os dados do banco sejam os mesmos das variáveis de ambiente.

Agora é rodar os comando do TypeORM para criar as tabelas e o comando de iniciar a aplicação como desenvolvimento.

#Dentro da pasta 'back-end', digite
yarn typeorm:run

#E agora rode o servidor
yarn dev

#Pronto, o back-end agora deve estar funcionando. Verifique no log da aplicação as mensagens confirmando o funcionamento e a conexão com o banco de dados.

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório (caso não tenha feito anteriormente)
$ git clone git@github.com:MaykonLacerda/teste-pratico-03.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd teste-pratico-03
# Vá para a pasta da aplicação Front End
$ cd front-end
# Instale as dependências
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ yarn start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

About


Languages

Language:TypeScript 42.4%Language:JavaScript 40.1%Language:CSS 15.6%Language:HTML 1.9%