Git Product home page Git Product logo

faheemonhub / ip-address-location-tracker Goto Github PK

View Code? Open in Web Editor NEW
10.0 1.0 5.0 671 KB

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

Home Page: https://faheemonhub.github.io/IP-Address-Location-Tracker/

License: MIT License

HTML 20.82% JavaScript 47.56% CSS 31.63%
collaborate scrimba

ip-address-location-tracker's Introduction

IP address tracker

Design preview for the IP address tracker coding challenge

IP Address Tracker ๐ŸŒ

Overview

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.

Features

  • 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.

Usage

  1. Enter an IP address in the input field.
  2. Click the "Search" button to retrieve location details.
  3. Explore the location on the interactive map.

Technologies Used

  • HTML, CSS for frontend design.
  • JavaScript for dynamic functionality.
  • Leaflet.js for map integration.
  • ipapi and ipify APIs for IP address information.

How to Run

  1. Clone the repository to your local machine.
  2. Open the index.html file in a web browser.

API Keys

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
  });

Credits

License

This project is licensed under the MIT License.

Contributors

-FaheemOnHub -PG-257811

Feel free to contribute to the project by opening issues or submitting pull requests!

Happy tracking! ๐ŸŒโœจ Have fun building! ๐Ÿš€

IP-Address-Location-Tracker

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.