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 app

Baliramβ€’ 260

@0ME9A

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


I almost created this project in React the first time but the map was not updating so I completed it using jquery and sass and it worked perfectly. If anyone completed it in react please give me the source link. I need some hints in React.

Community feedback

Davidβ€’ 8,000

@DavidMorgade

Posted

Hello Baliram, congrats on finishing the challenge, this one is a bit harder on react because you have to relay on leaflet and react-leaflet.

You can checkout the react-leaflet docs and examples here

I did finish this app on react (and as I remember, it was so hard to change the position dinamically, you have to use a react leaflet hook), you can checkout my solution if you want here

Hope my feedback helps you!

Marked as helpful

1
Baliramβ€’ 260

@0ME9A

Posted

Hii @DavidMorgade, Thank you for suggesting Documentation.

And yes it is hard to change the map location I mean LNG and LAT updates but map looks like they are fixed.

I spend πŸ€ͺ too much time searching for how to fix that bug but got nothing and finally finished πŸ§‘β€πŸ’» with basic tech HTML, sass, and jquery.

Now i'm going to learn that hook and your code too.

Thank you Bro one more timeπŸ‘

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