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 Tracker

HK273 530

@HK273

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

Community feedback

Tryt4n 940

@Tryt4n

Posted

You've got some problem with fetching due to cors. Probably due to by IPify API. I had the same but used a different API

And also you are using React. None of your images like marker are working. All your resources like images should be in public folder and then you acces them by img src="/example-picture"

Marked as helpful

0

HK273 530

@HK273

Posted

@Tryt4n Thanks, yeah noticed the CORS issue before, think it might be browser related / a flaky API. So running this on Chrome / Firefox no issues, using Safari on the other hand seems to cause some intermitent issues. On the images side, all of the images I have referenced are rendered on all browsers fine. I haven't used the marker image in this project, just the defualt one provided by the leaflet library. There seems to be an issue with this rendering in Safari. Had quick Google and think this might be related to the version of the leaflet library I'm using.

0

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