Este é um aplicativo simples para buscar informações de um CEP usando React.js e a API do ViaCEP. Ele permite ao usuário inserir um CEP, buscar seus detalhes e visualizar informações como endereço, bairro, cidade e estado.
- Buscar CEP: O usuário pode inserir um CEP e visualizar os detalhes do endereço correspondente.
- Feedback com Notificações: O sistema exibe mensagens informando se a busca foi bem-sucedida ou se ocorreu um erro.
- Indicador de Carregamento: Exibe um ícone animado enquanto a requisição está em andamento.
- Interface Intuitiva: Design simples e fácil de usar.
![]() |
![]() |
![]() |
O código está organizado dentro do componente principal App.js
, que gerencia os estados e eventos da aplicação.
input
: Armazena o CEP digitado pelo usuário.cep
: Guarda os dados retornados pela API.loading
: Controla a exibição do ícone de carregamento.
-
handleSearch():
- Valida se o campo de entrada não está vazio.
- Faz a requisição à API ViaCEP para buscar os detalhes do CEP.
- Exibe notificações de sucesso ou erro.
-
notify(msg, toastType):
- Utiliza a biblioteca React Toastify para exibir mensagens de alerta.
- Clone o repositório:
git clone https://github.com/seu-usuario/buscador-cep.git