/IP_Address_Tracker

O projeto é uma aplicação web construída com React e TypeScript , que permite aos usuários inserir um endereço IP para obter informações de geolocalização. Utiliza a API IP Geolocation para obter os dados de localização do IP inserido e exibe essa informação em um mapa interativo utilizando React Leaflet.

Primary LanguageTypeScript

IP Geolocation Tracker

O projeto "IP Geolocation Tracker" é uma aplicação web construída com React e TypeScript, que permite aos usuários inserir um endereço IP para obter informações de geolocalização. Utiliza a API IP Geolocation para obter os dados de localização do IP inserido e exibe essa informação em um mapa interativo. A estilização é feita utilizando a biblioteca styled-components para criar uma interface de usuário atraente e responsiva.

Tecnologias Utilizadas:

  • React: Biblioteca JavaScript para construção de interfaces de usuário interativas.
  • TypeScript: Superset de JavaScript que adiciona tipagem estática opcional.
  • Styled-components: Biblioteca para estilização de componentes em React usando tagged template literals.
  • IP Geolocation API: API para obter informações de geolocalização com base em um endereço IP.
  • Leaflet: Biblioteca JavaScript de código aberto para mapas interativos.

    Funcionalidades:

    1. Inserir Endereço IP: Os usuários podem inserir um endereço IP na interface da aplicação.
    2. Obter Geolocalização: A aplicação consome a API IP Geolocation para obter informações de geolocalização do endereço IP inserido.
    3. Exibir no Mapa: Os dados de geolocalização são exibidos em um mapa interativo utilizando a biblioteca Leaflet.
    4. Estilização Personalizada: A interface é estilizada utilizando styled-components para criar uma experiência de usuário agradável e responsiva.

      Desmonstração:

      Você pode visualizar a demonstração do projeto aqui.

      Captura de tela 2024-04-15 152332