https://github.com/celo-gomes/buscacep

study application, to search for zip codes and addresses
https://github.com/celo-gomes/buscacep

api css3 html5 javascript

Last synced: 2 months ago
JSON representation

study application, to search for zip codes and addresses

• Host: GitHub
• URL: https://github.com/celo-gomes/buscacep
• Owner: Celo-Gomes
• Created: 2024-08-06T22:46:18.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-07T11:37:50.000Z (6 months ago)
• Last Synced: 2024-08-08T02:43:13.339Z (6 months ago)
• Topics: api, css3, html5, javascript
• Language: HTML
• Homepage: https://celo-gomes.github.io/buscacep/
• Size: 339 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 BUSCA CEP 




    Trata-se de um projeto destinado a estudos simples de utilização de API.


    Onde em um ambiente de pesquisa pode ser fornecido:


    * Um endereço através de um CEP informado


    * Um CEP..., de um endereço





  Tecnologias   |   

  Projeto   |   

  Layout   |   

  Licença





  








  



## 🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- HTML e CSS

- JavaScript

- Git e Github

- API

## 💻 Projeto



    1° - através de input será tratada a as informações e retorno dos dados


    2° - há um formulário para preenchimento de endereço:


    .. se o usuário souber o CEP, bastará preenche-lo para retornar o endereço, faltando apenas complementos.


    .. e se o usuário não souber, com o preenchimento do endereço, o cep será preenchido automaticamente.





    **EX URL API:


    1° -> https://viacep.com.br/ws/28633470/json/ 


    2° -> https://viacep.com.br/ws/rj/nova%20friburgo/natividade%20c%C3%A2ndida%20da%20silva/json





    No 1° exemplo basta informar a numeração do cep.


    No 2° é informado, o UF, nome da cidade e nome da rua separados por '/'.


    *Observado que dentro da URL o dados foram colocados com espaço manualmente, e foram manipulados para a correta informação





    ** Retorno da API:


1° pesquisando endereço pelo CEP

    {

        "cep": "28633-470",

        "logradouro": "Rua Natividade Cândida da Silva",

        "complemento": "",

        "bairro": "Conselheiro Paulino",

        "localidade": "Nova Friburgo",

        "uf": "RJ",

        "ibge": "3303401",

        "gia": "",

        "ddd": "22",

        "siafi": "5867"

    }

2° pesquisando CEP pelo endereço 

    > aqui o conteudo vem dentro de um array(data[0].cep)

     [

        {

            "cep": "28633-470",

            "logradouro": "Rua Natividade Cândida da Silva",

            "complemento": "",

            "bairro": "Conselheiro Paulino",

            "localidade": "Nova Friburgo",

            "uf": "RJ",

            "ibge": "3303401",

            "gia": "",

            "ddd": "22",

            "siafi": "5867"

        }

    ]



[Visite o projeto online](https://celo-gomes.github.io/buscacep)

## 🔖 Layout

O Layout do projeto é de deselvolvimento próprio, usando de simplicidade, visando a mecânica e utilização.


## :memo: Considerações

Esse projeto está sob a licença MIT.


---

Feito com ♥ by M. Gomes :wave: [Visite-nos no Github](https://github.com/celo-gomes)