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 with react and vanilla css

#react#cube-css

@ghambino

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

Shiva 670

@shivaprakash-sudo

Posted

Hello Abbas,

For some reason the app doesn't work for me, I tried it in different browsers, but it doesn't work in them too. It just says loading. Could you please look into this?

Also, the search bar could use some padding to give some breathing space for the content inside.

0

@ghambino

Posted

@shivaprakash-sudo

Alright i will look through and will add the padding accordingly

0

@ghambino

Posted

@shivaprakash-sudo

You can kindly check now..i have made corrections and the site is working fine from here

0
Shiva 670

@shivaprakash-sudo

Posted

@ghambino

The app still doesn't work for me, I've checked the console for any errors and it seems like there's a cross-origin request error for the data you're trying to receive. I got the following error in my console.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at 
https://geo.ipify.org/api/v2/country,city?apiKey=at_1dqOq5XmDwSFx4iY5fIxuMsr7OXez&ipAddress=google.com. 
(Reason: CORS request did not succeed). Status code: (null).

You can find more about what CORS is, in this link.

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
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