🚀Configurando o ambiente local para o desenvolvimento do site🚀

🛠 Features

• Baixar e Instalar Git

• Para baixar e instalar o Git, acesse o site Git. Selecione o instalador referente ao seu sistema operacional:
  

)

Com isso, o Git deve ter sido instalado em sua máquina. Você pode testar, clicando com o botão direito em qualquer lugar da área de trabalho e vendo se a opção Gui Bash Here e Git GUI Here aparecem ou não.

Ao clicar na opção Gui Bash Here um terminal será aberto, faremos uso dele nas configurações adiantes.

)

• Baixar e Instalar Node.js

• Para baixar e instalar o Node.js, acesse o site Node. Selecione o instalador da versão LTS (a versão LTS é a mais estável) referente ao seu sistema operacional:

)

Após realizar a instalação, teste se as variáveis de ambientes do Node estão configuradas corretamente. Em seu desktop, clique com o botão direito e então abra o terminal do Git selecionando a opção Git Bash Here (como visto anteriormente na instalação do Git). Com o terminal aberto, digite o comando:

node -v

Após isso, aguarde a instalação do NPX ser concluída. Quando a instalação é concluída, a seguinte mensagem aparecerá no terminal.

Configurando seu GitHub

Se o Node.js tiver sido instalado corretamente e as variáveis de ambiente já tiverem sido configuradas automaticamente pelo instalador, então o terminal irá informar a versão atual do Node.js instalado em sua máquina. Com isso você já pode ir para a próxima etapa deste documento.

)

• Instalar NPX

Abra o terminal Git (em qualquer local de sua escolha, por exemplo, em seu desktop) e então digite o comando:

npm install -g npx

• Configurando seu GitHub

Para realizar o controle de versionamento do repositório no GitHub é necessário configurá-lo para aceitar os comandos de versionamento local.

Inicie o Git Bash e então digite o seguinte comando:

ssh-keygen -t rsa -C "seuEmail@email.com"

* Lembre de mudar a string entre aspas para o seu email>

)

Ele irá apresentar três mensagens. A primeira é para definir algum arquivo específico para salvar a SSH key gerada, apenas pressione ENTER. Note que então, ele irá salvar a SSH Key gerada no local: C:\Usuários\SeuNomeDeUsuario.ssh\id_rsa

)

A segunda mensagem é pedindo uma senha. Se você não quiser ter de ficar digitando uma senha toda vez que fizer um envio do repositório local para o repositório online no GitHub, então apenas pressione ENTER novamente. A terceira mensagem é pedindo para confirmar a senha digitada anteriormente, se você não definiu nenhuma senha e apenas pressionou ENTER anteriormente, então apenas pressione ENTER novamente.

)

Após esse processo a chave SSH terá sido gerada no endereço especificado anteriormente ( C:\Usuários\SeuNomeDeUsuario.ssh\id_rsa ) Acesse a página de configurações do seu perfil do GitHub (https://github.com/settings/profile), em seguida acesse a aba SSH and GPG keys.

)

Na tela de SSH and GPG keys você deverá clicar em New SSH key na qual irá abrir uma nova tela para inserir um Title (nome de livre escolha á SSH key) e a própria Key. A SSH key que você irá inserir, foi a gerada anteriormente pelo Git Bash, ela então, provavelmente se encontrará no seguinte diretório:

C:\Usuários\SeuNomeDeUsuario.ssh\id_rsa

Neste diretório abra o arquivo do tipo .pub com o bloco de notas, copie todo seu conteúdo e então cole no campo Key, após isso clique em Add SSH key e então a chave deve aparecer registrada na aba SSH and GPG keys.

)

)

)

• Clonando o projeto e finalizando as configurações

Após ter realizado todos os passos anteriores, clone o projeto do site (abrindo o Git Bash em algum local de fácil acesso - como por exemplo no Desktop) digitando o seguinte comando:

git clone https://github.com/competdev/compet_site.git

Nisso, uma nova pasta com o nome de compet_site terá sido criada no local em que você abriu o Git Bash. Após isso, entre na pasta compet_site, abra um Git Bash dentro dela e então instale o React Dom do Next utilizando o seguinte comando:

npm install next react-dom

Após isso você precisará apenas baixar o arquivo referente a variável de ambiente do banco de dados e então, colocar esse arquivo baixado dentro da pasta compet_site. Para obter acesso ao arquivo mande um email para o coordenador do projeto: julio.1009@hotmail.com

Por último, dentro da pasta compet_site você irá precisar instalar as bibliotecas necessárias para rodar o projeto (novamente, abrindo o Git Bash dentro da pasta compet_site), que até o momento são:

npm install @material-ui/core

npm install @material-ui/lab

npm install @material-ui/icons 

Você agora pode então, iniciar o projeto, abrindo o Git Bash dentro da pasta compet_site e digitando:

npm run dev

O projeto então estará rodando no seguinte link: http://localhost:3000