echologic-web-front

Sobre o projeto

Este é um projeto para a semana do meio ambiente do IFPB campus Campina Grande, nele, alunos do curso de Engenharia de Computação, do 5° período, estão produzindo uma página web, para apresentar os impactos de alguns materiais utilizados na área da tecnologia ao meio ambiente.

Resultados

--------------Click aqui para ver como esta ficando--------------

Tecnologias usadas

Como contribuir

Clone o repositorio

- Abra o terminal na pasta que você deseja adicionar o projeto no seu computador
- Execute o comando: git clone https://github.com/ThiagoAciole/echologic-web-front.git
- Quando o projeto for baixado, click com o botão direto do mouse e abra com o VSCODDE

Rodar o projeto

- Para instalar as dependencias, execute no terminal: npm install
- Para rodar localmente, execute no terminal: npm run dev
- Na teoria irá abrir a página principal no seu navegador, caso não aconteça verifique se tem um link no terminal e click

Escolha uma issue

- No repositorio do git vá até a parte de issues ou click nesse link https://github.com/ThiagoAciole/echologic-web-front/issues
- Click em uma das issues de seu interesse e assine-a do lado direito da tela
- Observe sempre se essa issue não está assinada

Crie uma branch local

- No VsCode abra o terminal
- Verifique em que branch você está, executando: git branch
- Se não estiver na master execute: git checkout master
- Certifique-se que a branch main está atualizada executando: git pull
- Agora crie uma nova branch de desenvolvimento executando: git checkout -b <nome da branch>
- Siga esse padrão para nome da branch: 3-cria-tela-principal (esse "3" é o número da issue)

Criando uma nova página

- Você vai seguir o padrão que já está pronto, em arquivos com o nome "tela-padrao"
- Vá copiando tudo que achar sobre isso e atualize para o que deseja criar
- Lembre-se de analisar as seguintes pastas, onde certamentamente terá algo pra ser modificado:
  1. src/assets/imagens (aqui você vai criar uma pasta para adicionar todas as imagens da sua tela)
  2. src/pages (aqui você vai criar o arquivo principal da página, onde estará todo o conteúdo dela)
  3. src/App.jsx (aqui você vai adicionar o link da sua página para o layout principal)
- Basicamente você só precisará fazer ctrl+c ctrl+v da página padrão e para adicionar o conteúdo vai pegar ou na internet ou os que estão prontos no arquivo que o professor compartilhou

Fazendo commits

- Após as modificações desejadas inicie o commit executando: git init
- Verifique o que você está enviando executando: git status
- Adicione todas as modificações executando: git add.
- Realize o commit executando: git commit -m "mensagem do commit"
- Para a mensagem do commit siga esse padrão: feat(#3): Frase do commit (esse "3" é o número da issue)
- Nessa hora pode pedir um login que será o da sua conta do github

- Parabéns, agora é só aguardar a aprovação do merge
- Você pode entrar em contato com Thiago para adiantar essa parte
- E agora você já pode pegar uma nova issue