Este é um projeto simples de consulta de CEP que permite aos usuários encontrar informações sobre endereços a partir de um CEP.
- Consulta de CEP via formulário.
- Apresentação das informações de rua, bairro, cidade e estado associadas ao CEP.
- Validação do CEP antes de efetuar a consulta.
- HTML5
- CSS3
- JavaScript
- API CEP Link
Para começar a usar este projeto, siga os passos abaixo:
- Clone o repositório para o seu computador local usando o seguinte comando no seu terminal:
git clone https://github.com/tiagosfneves/siteConsultarCEP.git
- Ou se preferir pode baixar o zip:
- Clique no botão
CODE
no cabeçalho desta página - Deposi clique em
Download ZIP
- Navegador da web com suporte a JavaScript.
- Abra o arquivo
index.html
no seu navegador. - Insira o CEP desejado no campo de entrada.
- Clique no botão "Pesquisar" ou pressione a tecla "Enter" no seu teclado.
- As informações do endereço associado ao CEP serão exibidas abaixo do formulário, se disponíveis.
- Se o CEP não for encontrado, uma mensagem de erro será exibida.
Contribuições são bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request para melhorar este projeto.
Tiago Neves | Desevolvedor Full Stack
Este Projeto teve início em 2022 no curso de Front End no Senai-SP.
Clique na versão para ver os detalhes e links!
Versão 1.0.0 (18-03-2023) ...Criação do Projeto
JavaScript
- Consumo de API CEP
- Resposta da consulta:
- Rua
CSS
- Estilo básico (sem responsividade)
HTML
- Marcações básicas (Sem Semântica)
README
- Texto: Repositório Front End
- Imagem do Layout
Versão 1.1.0 (19-09-2023) ...HTML Semântico e UI/UX
JavaScript
- Incluindo Evento botão "Enter" além do "clique"
- Incluindo Formulário de resposta com os campos:
- Logradouro
- Bairro
- Cidade
- Estado
CSS
- Ajustes pontuais:
- Formulário
- imagem
- Inclusão:
- Footer
- Copyright
HTML
- Correções no texto
- Inclusão HTML Semântico:
- Header
- Main
- Footer
README
- Atualização da imagem do Novo Layout
- Adicionando topicos ao REDAME.md
- Funcionalidades
- Tecnologias usadas
- Instalação
- Pré-requisitos
- Uso
- Contribuição
- Autor
- Contato
Versão 1.2.0 (28-09-2023) ...Deploy, UI/UX e Tratativas de Erros
Deploy
JavaScript
- Código mais moderno usando try catch
- Validações dos Campos
- Tratativas de Erros
CSS
- Responsivo para celulares e tablets
- Ajustes pontuais: Formulário, margin, padding...
- Formulário "Mensagens de erros"
- Formulário "Mensagens de sucesso"
HTML
- Eliminando redundância "Consultar CEP" > "Informar CEP"
- Atualização de placeholder "Ex: 06600-600" > "02200-100"
- Adicionando Favicon personalizado
README
- Atualização de imagem do Novo Layout
- Atualização de texto geral
Versão 1.3.0 (29-09-2023) ...Temas Escuro e Claro
JavaScript
- Separação de Modulos
- cep.js
- theme.js
CSS
- Separação de Estilos
- styles.css
- medias.css
- theme.css
HTML
- Adicionando pastas
- img: Logo
- icons: icones tema
README
- Atualização de imagem do Layout (Theme Dark e Light)
- Atualização de texto geral
- Inclusão do tópico "Controle de Versões"