WoMakersCode / challenges-front-end

Repositório referente à desafios de front-end da womakerscode

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Formulário de CEP

lalizita opened this issue · comments

Interface

Criar um formulário com os campos CEP, logradouro, cidade, uf e número. Pode ser qualquer ferramenta como HTML e javascript, Angular, React, Vue, Ember... Mas crie um formulário, que ao digitar o cep todos os outros campos sejam preenchidos com o endereço

Desafio

O usuário deverá digitar o CEP, quando chegar no valor de 8 digitos no campo de cep ou fizer o evento blur. Deverá ser feita uma requisição com o CEP para a api do ViaCEP (https://viacep.com.br/)

ex: viacep.com.br/ws/01001000/json/

A API irá responder com o endereço e este endereço deve preencher os próximos campos.

O formulário não pode ser submetido enquanto todos os campos não estiverem preenchidos.
ezgif com-gif-maker (1)

Olá!
Eu fiz o desafio (muito divertido, aliás) e estava pensando se seria legal de deixar a resolução aqui ou em algum outro lugar, para que pessoas possam se basear/tirar dúvidas por lá.
O link do resultado final é esse aqui e o repositório é esse.

Se não for uma boa ideia só falar 😅

Oii!
Eu realizei o desafio. Este é o link do meu repositório contendo a solução: https://github.com/samaramiranda/Consulta-CEP

@samaramiranda que solução daora! bem vanillaaaa!

@RicardoMorato que legal!!! Ficou muito bom!

Muito obrigado pelo desafio, foi minha primeira vez com a mão na massa em API e requests, valeu muito a pena. Ps: Tem um bonus em python.
App : https://request-via-cep.vercel.app/
Repositorio : https://github.com/RogUnique/request-via-cep/tree/main