O projeto "PedeWhats" visa a solicitação de comidas através do Whatsapp, diretamente para o restaurante (caso tenha atendimento via Whatsapp). O projeto é desenvolvido e mantido por membros do grupo no Whatsapp Front-End Brasil Link de acesso ao grupo.
O projeto é bem simples, uma página com um formulário na qual você preencherá o telefone do restaurante (necessário que o mesmo preste atendimento via Whatsapp), informará sua comida preferida, também alguns itens que deseja remover ou acrescentar em seu pedido, ao final poderá revisar seu pedido e mandar diretamente para o Whatsapp do restaurante através da plataforma. Simples não?
Link da aplicação: https://agenciah1code.github.io/PedeWhats/
À partir daqui, segue informações técnicas sobre o projeto, como colaborar, desenvolver, utilização da API, etc.
O projeto deverá seguir a seguinte hierárquia de diretórios:
|- css/
|- fonts/
|- functions/
|- img/
|- js/
|- lib/
| index.html
| LICENSE
| README.md
Para colaborar com o projeto é simples, basta realizar um Fork do projeto, realizar modificações, correções, implementações, etc, e depois nos enviar um Pull Request.
Não tem experiencia em desenvolvimento? Não tem problema, deixe seu comentário/sugestão diretamente em nossas Issues.
A API gratuita do Whatsapp é bem simples de ser usada, veja abaixo com mais detalhes como ela funciona e como deverá ser implementada no projeto:
https://api.whatsapp.com/send?phone=seunumerodetelefone&text=sua%20mensagem
Vamos desmembrá-la para entender melhor o funcionamento:
https:// api.whatsapp.com/send? phone=seunumerodetelefone
A primeira parte, precisará conter o número do telefone, com código do país + DDD + telefone, ficando no formato à seguir: 5511999999999
https:// api.whatsapp.com/send? phone=seunumerodetelefone& text=sua%20mensagem
Na segunda parte, temos a mensagem que queremos enviar ao restaurante, note que não aceita espaços, por este motivo temos que codificar com "%20", abaixo, segue link de um conversor online.
Acesse https://r12a.github.io/app-conversion/, escreva o texto no primeiro campo e depois pegue o resultado do campo "Percent encoding for URIs"
De forma a facilitar com que novos recursos sejam implementados, pendências para o projeto serão criados diretamente nas Issues, dessa forma, tanto administradores do projeto, colaboradores ou não-colaboradores, poderão de forma fácil criar uma nova Issue solicitando melhoria, correções, etc.