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

Tejas 265

@Tejas-117

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 tried to hide the API keys, but failed to accomplish it. Any suggestion regarding it???

Any feedback is appriciated. Thank you!!!

Community feedback

@pikapikamart

Posted

Hey, well you can't really "hide" your api key since you are using it in your client-side code. Usually, fetching in some api usually goes in the backend so that it hides all of it. That is why I tend not to do some challenges that requires some api key.

Apart from that. Little suggestion/s:

  • On your input, it would be better if you used fixed unit like rem so that it won't scale via the viewport. Right now it is using height: 7h and will cause to shift a lot.

  • Your button next to it needs to have some description. You can do this via adding some aria-label to the button or creating a descriptive text somewhere and using aria-describedby property on the button. Also the image inside it could have been used as a background only to the button, or using it in ::before or ::after

Still good job on this ^^

1

Tejas 265

@Tejas-117

Posted

@pikamart Hey, thanks for the suggestions. I have updated my solution.

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