challenges-front-end icon indicating copy to clipboard operation
challenges-front-end copied to clipboard

Formulário de CEP

Open lalizita opened this issue 4 years ago • 7 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)

lalizita avatar May 01 '20 02:05 lalizita

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 😅

RicardoMorato avatar Jul 12 '20 15:07 RicardoMorato

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

samaramiranda avatar Aug 04 '20 18:08 samaramiranda

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

lalizita avatar Aug 14 '20 22:08 lalizita

@RicardoMorato que legal!!! Ficou muito bom!

lalizita avatar Aug 14 '20 22:08 lalizita

Oii, fiz o desafio :)

https://lockdzn.github.io/buscar-cep/ Repositório: https://github.com/LockDzn/buscar-cep

LockDzn avatar Nov 10 '20 00:11 LockDzn

Fiz ;) Repositório: https://github.com/yurimutti/ConsultaCEP

yurimutti avatar Nov 16 '20 06:11 yurimutti

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

RogUnique avatar Feb 17 '21 22:02 RogUnique