| 🇺🇸 English |
| 🇧🇷 Português |
Vídeo | Tecnologias | Sobre | Destaques | Clone | Contato
viaCEP-project.mp4
Caso o vídeo apresente algum erro, recarregue a página!
Acesse o projeto online AQUI
Assistir o vídeo acima e/ou acessar o projeto online ajudará na compreensão da explicação!
O viaCEP, como o nome sugere, é uma aplicação web de consulta de CEP, onde faço o consumo da API dos correios, e com base nos dados recebidos, mostro uma referência no Google Maps.
Desenvolvido com HTML, CSS, Javascript, JQuery e Bootstrap, meu objetivo ao desenvolvê-lo foi de criar um projeto simples para fixar melhor determinados conhecimentos sobre Bootstrap e JQuery.
- Utilização de variáveis CSS e manipulação das mesmas via Javascript para auxiliar na responsividade;
- O Loader e o Botão de redes sociais foram feitos com o auxílio do Bootstrap;
- Fiz um pequeno mapeamento de teclas com a
;apenas para focar no Input; - A maioria das animações e pouco da responsividade foram feitos com o auxílio do JQuery;
- Utilizei JQuery-Ajax para fazer o consumo da API;
- Utilizei o JQuery Mask Plugin para formatar o campo de Input;
Para clonar e executar este projeto em seu computador, você precisará apenas que o Git esteja previamente instalado.
Feito isso, no terminal:
# Clone esse repositório com:
> git clone https://github.com/Luk4x/viaCEP-API.git
# Entre no repositório com:
> cd viaCEP-API
# Execute o projeto com:
> start index.html # Para usuários de Windows
> open index.html # Para usuários de Linux/Mac
Vitrine.Dev 🪟
|
Lucas Maciel
|
