Sobre o projeto:
O projeto foi feito usando usando Node.js juntamente ao TypeORM e como banco de dados o MySQL, usando React no Front-End.
Existem 8 campos ao todo que recebem dados: Nome, Data de Nascimento, CPF, Telefone, Endereço, Estado, Cidade e Email. E também pesquisa de funcionário usando o seu nome.
Foi feito um CRUD para todos esses campos.
Os campos estão com validações. Como por exemplo: telefone não aceita letra, CPF e e-mail possuem validações que não deixa um funcionário ser criado se os seus campos não forem preenchidos corretamente, não pode salvar sem antes preencher todos os campos, entre outros.
Foram feitas duas tabelas no banco de dados: cidade e funcionário, em um relacionamento 1:n. Assim, funcionário leva a chave primária de cidade.
As telas e o banco de dados podem ser vistos nas imagens ao final deste arquivo.
Passo a passo para rodar o projeto:
OBS1: Ter os seguintes programas instalados em sua máquina: MySQL, VSCode e Node.js.
OBS2: Criar um arquivo chamado ".env" (botão direito no VSCode em um espaço vazio, e clicar em "New File...") dentro da pasta "backend_mm", copiar e colar os comandos abaixo substituindo de acordo com as suas especificidades. Não precisa de aspas no código, e ao lado tem um exemplo do que poderia ser digitado.
DB_HOST="nome do host" // Exemplo: localhost
DB_PORT="porta" //Exemplo: 3306
DB_USER="usuário" //Exemplo: root
DB_PASS="senha do seu banco de dados MySQL" //Exemplo: 12345678
DB_NAME="nome do banco de dados" //Exemplo: backend_mm
PORT="porta do seu banco de dados" //Exemplo: 8080
1º Baixar o projeto com o git clone ou o .ZIP e abri-lo no VSCode.
2º Abrir o terminal e entrar na pasta "backend_mm" (para entrar na pasta usar o comando "cd backend_mm" e teclar enter) e rodar o comando "yarn".
3º Abrir um novo terminal e entrar na pasta "Front-End" (para entrar na pasta usar o comando "cd Front-End" e teclar enter) e rodar o comando "npm install --save".
Os comandos 2 e 3 criam as pastas necessárias e fazem instalações para rodar o projeto.
4º Abrir o seu Banco de Dados MySQL e criar um Schema. Ele pode ser criado na parte que diz "Schemas" clicando com o botão direito do mouse em um espaço vazio, e em seguida clicando em "Create Schema" e colocando como nome "backend_mm".
Sem este passo, o VSCode dará um erro quando for fazer o 5º comando informando que não existe um banco, por isso é necessário sua criação. E, não é necessário inserir nada no Schema criado, será gerado tudo automaticamente nos próximos passos.
5º Voltando ao VSCode, dentro da pasta "backend_mm" em seu terminal, rodar o comando "yarn migration:generate" e em seguida "yarn migration:run".
Agora, se olhar dentro da pasta "src" que está na "backend_mm", verá que foi criada uma nova pasta chamada "migrations". Ali está o banco de dados já criado usando o TypeORM. E, se olhar no MySQL no Schema que foi criado, poderá ver todas as suas tabelas e campos.
6º Dentro da pasta "Front-End" em seu terminal, rodar o comando "npm run dev".
7º Isso deverá fazer com que o projeto abra sozinho em seu navegador. Mas, caso isso não ocorra, abra o navegador e insira na url "localhost: 5173", com isso ele será aberto.
8º Entrar novamente na pasta "backend_mm" e em seu terminal rodar o comando "yarn run dev". Isso fará rodar o back-end da aplicação.
9º Agora com tudo instalado e funcionando, poderá ser feito todo o CRUD e testes da aplicação no seu navegador e visualizando tudo no MySQL.
