watt-onepage

Site para a Empresa Júnior WATT produzido no PS 2019.2

Rodando o projeto localmente

1. Primeiro você deve ter o git, o node e o npm instalados;

2. Clone esse repositório e abra no terminal na pasta frontend;

3. Rode o comando:

   No Linux

   npm run go-l

   No Windows

   npm run go-w

4. Navegue até a pasta principal do projeto e rode o comando npm start para inicar o projeto;

5. Abra o browser, e navegue até esse link http://localhost:3000.

Feito com

• Node.js - Ambiente de execução para executar o JavaScript no lado do servidor;
• React - A biblioteca usada para criar a interface;
• Keystone.js - O framework usado para o serviço de CMS;
• MongoDB - O Banco de dados NoSQL usado para manter os dados;
• Heroku - A plataforma utilizada pra deploy.

Estrutura de contribuição

Adicionando funcionalidade nova

1. Crie uma branch com um nome que se refere a funcionalidade. Ex.: banner;
2. Faça os commits seguindo a seguinte estrutura, descrevendo sua contribuição:
   
   feature/<nome-da branch>: <descrição>
   
   
3. Envie um pull request para a branch development.

Fazendo correções e otimizações

1. Crie uma branch com um nome que se refere a modificação. Ex.: bugBanner;
2. Faça os commits seguindo a seguinte estrutura, descrevendo sua contribuição:
   
   hotfix/<nome-da branch>: <descrição>
   
   
3. Envie um pull request para a branch development.

Descrição geral do software

Componentes

1. Contato

Faz requisição para /contato com o método POST a fim de enviar o email com os dados que usuário entra nos campos de input. Além disso, Faz requisição para /contato com o método GET e recebe o endereço, o email, a media social, o número e o background.

2. Servicos

Faz requisição para /servicos com o método GET e recebe o endereço, o email, a media social, o número e o background. os serviços que estão no carrousel.

3. Banner

Faz requisição para /banner com o método GET e recebe o endereço, o background do banner

4. QuemSomos

Faz requisição para /banner com o método GET e recebe o texto e a foto da aba "Quem Somos".

5. Footer

Não faz requisições, exibe no rodapé do site a autoria.

6. MyMobMenu

Não faz requisições, exibe o menu de navegação do site para dispositivos móveis.

7. MyNavBar

Não faz requisições, exibe o menu de navegação do site para Desktop.

Endpoints

1. /contato - GET

Envia o endereço, o email, a media social, o número e o background que fica na parte de contato do site.

2. /contato - POST

Envia o email com os dados que recebe no front-end (email, nome, mensagem e número).

3. /servicos - GET

Envia os serviços que estão no carrousel.

4. /banner - GET

Envia o background do banner

5. /quemsomos - GET

Envia o texto e a foto da aba "Quem Somos".

Autores

• Edgar Marques - Jorrmungandr
• Gabriel Kristian - gkqsj
• Luana Nagai - nagailuana
• Vituriano Xisto - Vituriano