Article image
Eric Mameluk
Eric Mameluk28/12/2023 12:43
Share

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:

    Share
    Comments (2)

    JS

    Janaina Silva - 29/12/2023 01:00

    Ótimo projeto. Parabéns!

    Vitor Santos
    Vitor Santos - 28/12/2023 12:47

    m free M de M4 m LL m8T k5 o de me 8k. i