image

Access unlimited bootcamps and 650+ courses forever

70
%OFF
Article image
Eric Mameluk
Eric Mameluk28/12/2023 12:43
Share
CI&T - Do Prompt ao AgenteRecommended for youCI&T - Do Prompt ao Agente

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
    Recommended for you
    Accenture - Python para Anålise e Automação de Dados
    Lupo - Primeiros Passos com InteligĂȘncia Artificial
    Almaviva - Back-end com Java & QA
    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

    Recommended for youCI&T - Do Prompt ao Agente