IP Address Tracker

IP Address Tracker is a web application built to track IP addresses and provide key information and location details using the IP Geolocation API by IPify.

Features

• View the optimal layout for each page depending on their device's screen size.
• See hover states for all interactive elements on the page.
• See their own IP address on the map on the initial page load.
• Search for any IP addresses or domains and see the key information and location.

[!WARNING]
Please note that the IP Geolocation API by IPify provides only 1000 free requests. Once this limit is exceeded, the page will stop working.

Technologies Used

• React
• TypeScript
• LeafletJS
• Tailwind CSS

Installation

1. Clone the repository:

   git clone https://github.com/valik3201/ip-address-tracker.git
   

2. Install dependencies:

   cd ip-address-tracker
   npm i
   

3. Set up environment variables:

   Create a .env file in the root directory and add your IP Geolocation API key:

   VITE_IP_API_KEY=your-api-key
   

4. Start the development server:

   npm run dev
   

Usage

1. Access the application in your browser at http://localhost:3000.
2. The map will display your current IP address location.
3. Enter an IP address or domain name in the search bar and press Enter to see information and location details.

Useful Resources

• IP Geolocation API by IPify
• LeafletJS Documentation
• Tailwind CSS Documentation
• Free Google Maps in React

Author

Acknowledgements

This project was created as a challenge on Frontend Mentor, a platform that provides challenges for developers to practice their skills and improve their frontend development abilities. Many thanks to Frontend Mentor for providing the inspiration and opportunity to work on this project.

Feel free to explore the code and provide feedback! 🚀