Skip to content

The app should allow the user to input an IP address and display its location on a map, along with other information such as ISP and time zone.

License

Notifications You must be signed in to change notification settings

jakubjirous/ip-address-tracker

Repository files navigation

🚀 IP Address Tracker

This is a solution to the IP Address Tracker challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.


✅ Table of contents


💡 Overview

The challenge

Users should be able to:

  • 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

Screenshots

desktop version desktop version

mobile version mobile version

Links


🎯 My process

Built with

What I learned

This challenge was very interesting for me. It gave me the opportunity to deepen my knowledge of Tanstack query v4 so that I can fetch data from external APIs in a more powerful way, especially by using the useQuery hooks together with the useIsFetching hook.

Also, this was the first time that I had used Tailwind CSS to implement a design, and I had also integrated Mapbox to enable the display of custom markers on online maps in precise coordinates, which is what makes this site unique.

Useful resources


👨‍💻 Author

About

The app should allow the user to input an IP address and display its location on a map, along with other information such as ISP and time zone.

Topics

Resources

License

Stars

Watchers

Forks