Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 3 years ago

IP Address Locator using HTML, CSS, JS and APIs

Aftab Alam•50
@Aftabalam162
A solution to the IP Address Tracker challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Note: Please make sure to close your adblocker extensions in order to let the webpage work properly. Adblockers interfere with the JS code of the page.

I got two problems while doing this project:

  1. How do I make the map interactive without changing the Z-Index?
  2. Is there any way through which we can load the IP address of the visiting user first then that user can search for another IP address? I mean how do stop the code from returning the user's location as LeafletJS properties can be initialised one time only.

I decided to make a button to solve the above two problems and yeah how do I make my webpage more mobile responsive as you can see I messed up while coding mobile responsive page

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Aftab Alam's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub