Skip to content

📮 viaCEP - A CEP query web application | Bootstrap, JQuery, Javascript...

License

Notifications You must be signed in to change notification settings

Luk4x/viaCEP-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🇺🇸 English
🇧🇷 Português

luk4x-repo-status luk4x-repo-license

📮 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

📝 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 🪟
Luk4x Github Photo
Lucas Maciel
🪧 Vitrine.Dev Lucas Maciel
✨ Nome 📮 viaCEP
🏷️ Tecnologias bootstrap, jquery, javascript, css, html
📷 Img vitrine.dev thumb

Voltar ao Topo