search

WoMakersCode / challenges-front-end

Repositório referente à desafios de front-end da womakerscode
MIT License
170 stars 15 forks source link

Formulário de CEP #1

Open lalizita opened 4 years ago

lalizita commented 4 years ago

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)

RicardoMorato commented 4 years ago

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 😅

samaramiranda commented 4 years ago

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

lalizita commented 4 years ago

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

lalizita commented 4 years ago

@RicardoMorato que legal!!! Ficou muito bom!

LockDzn commented 4 years ago

Oii, fiz o desafio :)

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

yurimutti commented 4 years ago

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

RogUnique commented 3 years ago

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