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 website with Abstract API and Leaflet JS Library.

#sass/scss

@DennyIsNaive

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


This project took some time because I had to choose from many different APIs all of which presented different data from each other. Overall, this project was very fun and has helped solidify my understanding of how APIs work. I even learnt a library, what a great experience.

Community feedback

@enzo-mir

Posted

This look really good i had the same problem with API libs hehe but you could custom your marker with : markerIcon = L.icon({ iconUrl: "......svg", iconSize: [36, 46], iconAnchor: [20, 45], }); mark = L.marker([lat, lng], { icon: markerIcon, }).addTo(mapper);

In the "leaflet" package and try to put the api visitor at the start for logic but I don't consider the screenshot of preview 😅

Well done !

Marked as helpful

1

@DennyIsNaive

Posted

Thank you for your advice @enzmrg, I will add some customisation to the marker and add a little more features to the project. This was really helpful, thank you.

1

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