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.
- 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.
- React
- TypeScript
- LeafletJS
- Tailwind CSS
-
Clone the repository:
git clone https://github.com/valik3201/ip-address-tracker.git
-
Install dependencies:
cd ip-address-tracker npm i
-
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
-
Start the development server:
npm run dev
- Access the application in your browser at
http://localhost:3000
. - The map will display your current IP address location.
- Enter an IP address or domain name in the search bar and press Enter to see information and location details.
- IP Geolocation API by IPify
- LeafletJS Documentation
- Tailwind CSS Documentation
- Free Google Maps in React
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! 🚀