Uma aplicação que buscar por endereços de ip ou domínios e mostra no mapa sua localização.
Clique aqui para ir para a página
- Pela barra de pesquisa você consegue buscar por um endereço de ip ou um domínio, onde será passado para uma API chamada ipify que nos fornecerá informações de localização como latitude e longitude.
- Com a latitude e longitude conseguimos renderizar a localização exata no mapa criado pela Leafflet, uma biblioteca do JavaScript.
- Um dos desafios enfrentados foi entender a API da ipify para aplicá-la corretamente no projeto para conseguir todas as informações necessárias.
- Por mais que a biblioteca Leafflet de mapas interativos seja relativamente fácil, foi necessário separar um tempo para criar um ambiente para trabalhar com ela.
- Como tem bastante informações passando de um componente para o outro, achei melhor criar contextos para ficar mais organizado.
- Esse é meu primeiro projeto de TypeScritp com o React.JS, usei o React Router Dom para definir a rota da aplicação, possui o Context API para passar diversas informações entre os componentes, a aplicação dos estilos foi feita através do pré-processador Sass.
Se interessou pelo meu trabalho ou tem algum feedback?
Entre em contato comigo:
