Skip to content
Submitted 12 months ago

IP Address Tracker website with Abstract API and Leaflet JS Library.

Denzel NIi Armah Ashitey•150
@DennyIsNaive
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...IP Address Tracker
  • HTML
  • CSS
  • JS
  • API
3intermediate

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

  • enzmrg 💫•920
    @enzo-mirPosted 12 months ago

    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
    Denzel NIi Armah Ashitey•150
    @DennyIsNaivePosted 12 months ago

    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

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