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 using ipify API and leaflet JS map

#accessibility#sass/scss
Ahmad_Mana 320

@UserAhmad2001

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


Hello fellow devs 👋, Please drop by and rate my work, I just completed the IP Address tracker web app, It was a good experience, I learned how to effectively deal and work with APIs,

In this challenge:

  • I recreated the IP Address tracker web app.
  • Created a map using leaflet JS.
  • Used the IPIFY API to get real-time data about the inputted IP.
  • Processed the data and added it to the DOM.

The hardest part about the challenge was:

  • learning how to use leaflet JS.
  • customizing the map.
  • making the app responsive.

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