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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Ip address tracker app using react

Mcwachira 260

@mcwachira

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 is my soulution to the Ip address tracker app. I found this challenge interesting as it enabled me to us vite for the first time and it was a breeze using it. The only difficultie Was adding the leaflet map to my app and updating it dynamically which I ws able to solve by reading the following posts.

  1. https://blog.logrocket.com/react-leaflet-tutorial/
  2. https://javascript.tutorialink.com/react-leaflet-map-center-not-changing/ Now my app is up and running and the only issue remaining that I need help with is adding a button to my input . I added one using position absolute but but upon resizing the app it's not staying in position. someone please help me with that issue .Thanks

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