🇺🇸 English

🇧🇷 Português

📮 viaCEP Project

Vídeo   |    Tecnologias   |    Sobre   |    Destaques   |    Clone   |    Contato

📹 Apresentação em Vídeo do Projeto

viaCEP-project.mp4

Caso o vídeo apresente algum erro, recarregue a página!
Acesse o projeto online AQUI

🚀 Tecnologias Utilizadas

• Bootstrap
• JQuery
• Javascript
• CSS
• HTML

📝 Sobre

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.

📌 Alguns Destaques

• 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;

📖 Clonando o Projeto

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

🤝 Contato dos Contribuintes

Vitrine.Dev 🪟 Lucas Maciel 🪧 Vitrine.Dev Lucas Maciel ✨ Nome 📮 viaCEP 🏷️ Tecnologias bootstrap, jquery, javascript, css, html 📷 Img

Voltar ao Topo