IP Address Tracker is a web application that allows users to track the geographical location of a given IP address. The application provides information such as the IP address, location (including city, region, and country), timezone, and Internet Service Provider (ISP). Additionally, the location is displayed on an interactive map using Leaflet.js.
-
User-Friendly Interface: The application has a clean and intuitive user interface, making it easy for users to input an IP address and retrieve location details.
-
Automatic Location Retrieval: On page load, the application automatically fetches the user's IP address and displays relevant location information.
-
Interactive Map: The geographical location is visually represented on an interactive map using Leaflet.js, allowing users to explore the location in more detail.
- Enter an IP address in the input field.
- Click the "Search" button to retrieve location details.
- Explore the location on the interactive map.
- HTML, CSS for frontend design.
- JavaScript for dynamic functionality.
- Leaflet.js for map integration.
- ipapi and ipify APIs for IP address information.
- Clone the repository to your local machine.
- Open the
index.html
file in a web browser.
To use the application, you need to obtain API keys from ipify. Replace the placeholder apiKey
in the JavaScript code with your own API key.
// Replace 'YOUR_API_KEY' with your actual API key
const apiKey = 'YOUR_API_KEY';
// ...
// Fetch data using the API key
fetch(
`https://geo.ipify.org/api/v2/country,city?apiKey=${apiKey}&ipAddress=${inputValue}`
)
.then((res) => res.json())
.then((result) => {
// Process the result
});
- Leaflet.js for interactive maps.
- ipapi and ipify for IP address information.
This project is licensed under the MIT License.
Feel free to contribute to the project by opening issues or submitting pull requests!
Happy tracking! 🌍✨ Have fun building! 🚀