Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

IP address tracker made using leaflet API & JS promises.

Bonrey 1,130

@Bonrey

Desktop design screenshot for the IP Address Tracker coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


It took me a long time to finish this one. The hardest thing was to wrap my head around all this request making stuff using JS. (It's not so much about Frontend after all 😏) Also, I had to combat lots of bugs along the way. Anyhow, I think the end version is quite stable. 😄

Functionality:

  • 🔎 Search for any IP or domain using the search bar;
  • ✍ Make sure you don't leave the text field empty. Otherwise, you'll get the corresponding error;
  • ✍ Also, ensure that you type in the correct IP or domain, or you'll receive another kind of error;
  • 🌐 You can move and zoom the map however you like;
  • 🐺 Click the attribution button in the bottom left corner of the page (btw, it's fixed, so it won't move on scrolling on small screens).

So, I think that's pretty much it for this challenge. As always, any feedback is welcome! 🧐

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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