Exercendo consumo da API viacep aplicada em Reactjs, o site verifica a existência do CEP e retorna suas informações.
![](https://private-user-images.githubusercontent.com/118141328/273423079-e77a704f-6ce9-4a6e-8830-1fc3212594dc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDU0NTksIm5iZiI6MTczOTMwNTE1OSwicGF0aCI6Ii8xMTgxNDEzMjgvMjczNDIzMDc5LWU3N2E3MDRmLTZjZTktNGE2ZS04ODMwLTFmYzMyMTI1OTRkYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMDE5MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kNTVjYzZhYTg2NmIzNzgzMzBmYzRmNDAwNzE5NzljN2IxODI4YmJhNmY1MmY4ZjZjNWMzYzgxZDA4NmJhNWFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.YX0OhySJHOyweaoRnhJ8-Yn1hk9AABN4Yep53wsCKFE)
O sistema consiste em uma única página, cuja qual é a página de consulta de CEP's.
![](https://private-user-images.githubusercontent.com/118141328/273423168-2a5ef4ef-176d-4894-9ee9-ed26dcef920f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDU0NTksIm5iZiI6MTczOTMwNTE1OSwicGF0aCI6Ii8xMTgxNDEzMjgvMjczNDIzMTY4LTJhNWVmNGVmLTE3NmQtNDg5NC05ZWU5LWVkMjZkY2VmOTIwZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMDE5MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02YzA3MThmZDUzZjdkZGNmMWY5ZGRkY2ZkMTdmZDU5MjUxZmRhZmMwYjVmNmNjNGZjMTFjNzgwYWRhMGJjOTRhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.3AFMtGYYQdTQMM3A2GhlUPzCIa8Emh1W2TPtx1F_BgQ)
Seguindo a legenda e o placeholder do input, basta inserir o CEP (somente números) a ser verificado e apertar o botão de consulta.
![](https://private-user-images.githubusercontent.com/118141328/273423769-32a6efb2-5759-456f-95ba-5e670cc6a2e3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDU0NTksIm5iZiI6MTczOTMwNTE1OSwicGF0aCI6Ii8xMTgxNDEzMjgvMjczNDIzNzY5LTMyYTZlZmIyLTU3NTktNDU2Zi05NWJhLTVlNjcwY2M2YTJlMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMDE5MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05M2I4MGUzYTY0ZGRlNmUwM2RlZDVjNjRiNDYyNjlkMzYwOTI5Mjk2Yzg3NjBiNjgxYTg5ZmE1ZTY0ZDY1YWE0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.qvditZWlMdpAzu0IdvyNRoUierM6PuD8_tTwvml5ySQ)
Após o envio, o cep é verificado pela API viacep e há o retorno de algumas informações referentes ao mesmo.
O sistema possui três validações fundamentais e simples:
![](https://private-user-images.githubusercontent.com/118141328/273424093-d5a0eb6f-cab4-4ed6-b9b6-aae70fd0dd73.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDU0NTksIm5iZiI6MTczOTMwNTE1OSwicGF0aCI6Ii8xMTgxNDEzMjgvMjczNDI0MDkzLWQ1YTBlYjZmLWNhYjQtNGVkNi1iOWI2LWFhZTcwZmQwZGQ3My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMDE5MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNTExNDZhN2Y5NDA2MzZhZDE1NDA5OWM0ODcwYTI5ZDIxZDkwZWMzYjVlYjE4OWNkYjQ2ZjAwNGYzZTI5ZGZhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.roEnTj_vaY-ZwC9X_RtKdsw_jtfe-uSL608fTNLwwhY)
![](https://private-user-images.githubusercontent.com/118141328/273424192-92803509-73df-46d7-b9c6-e2f92421578e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDU0NTksIm5iZiI6MTczOTMwNTE1OSwicGF0aCI6Ii8xMTgxNDEzMjgvMjczNDI0MTkyLTkyODAzNTA5LTczZGYtNDZkNy1iOWM2LWUyZjkyNDIxNTc4ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMDE5MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wN2UzY2Y1MDJjODg0NTVjYTA3NWVlNTNmZjNiNTkyYjJjZmIwNTY4NjM0ZDdjNDU4NGYwMDFmZjYxOWJhOWFkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Gmp_d3iatwQcbW0VSJK3cc_Br4lhPTZnEfnXweimmUA)
![](https://private-user-images.githubusercontent.com/118141328/273424260-aeb0b596-459c-4b78-8417-40a5fbd4f4e7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDU0NTksIm5iZiI6MTczOTMwNTE1OSwicGF0aCI6Ii8xMTgxNDEzMjgvMjczNDI0MjYwLWFlYjBiNTk2LTQ1OWMtNGI3OC04NDE3LTQwYTVmYmQ0ZjRlNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMDE5MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zNjEzMTdmOTE2N2IxMmYwNTY3N2FmZDY3YmNlMDAxMDhmZGVkYWU1M2NlZmQ1YzhiOWYzNzA4NGQzNDIyZWI1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.GxWzdqkyJEEogzI8XrCcdzeJ23KnGSeyHwtbE-OTEss)
Site construído utilizando bibliotecas Reactjs, Nodejs, Axios, JavaScript, HTML e CSS.
Projeto inteiramente feito por mim. Obrigado por ler até aqui! :^)