Projeto Gerador de link WhatsApp em JavaScript
Gostaria de compartilhar aqui um projeto que desenvolvi em live para aplicar os conhecimentos adquiridos durante um dos Bootcamps da Potência Tech, além de alguns aprendizados obtidos por meio de pesquisa.
Esse gerador de link funciona da seguinte forma: você coloca um número de celular, e se quiser, uadicionar uma mensagem opciona. Será gerado automaticamente um link (que você tem a possibilidade de copiar com um clique) que você consegue divulgar para as pessoas chamarem você no whatsapp, sendo um recurso extremamente útil em negócios.
Tecnologias usadas:
- Foram usados HTML, CSS e JavaScript puro.
Conceitos abordados:
- Manipulação DOM;
- Expressões Regulares (RegEx);
- Validação de formulário client-side;
- Clipboard API para copiar texto;
- Máscara de texto.
Pretendo melhorar o projeto futuramente dessa forma:
- Refatorar o projeto para melhor entendimento;
- Fazer uma interface mais agradável;
- Adicionar possibilidade de trocar o país (bandeira e DDI);
- Adicionar "DDD de 3 dígitos" para outros países;
- Gerador de QRCode e opção de personalização;
- Adicionar visualização em tempo real;
Links:
- Teste você mesmo
- Projeto no GitHub
- Live na twitch
- Minha comunidade no discord (Ainda estou pensando em um nome)