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 using vanilla js

Rishi Purwar• 285

@rishipurwar1

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


Feedback are more than welcome...

Community feedback

Ilan• 675

@iKnowMagic

Posted

Good job!

0
Rishi Purwar• 285

@rishipurwar1

Posted

Could you please tell me how I hide these keys?

0

Connor Z• 5,115

@zuolizhu

Posted

@rishipurwar1 The easiest way to secure your api key is to set the application restriction (You can read the detail steps in here 👉 https://developers.google.com/maps/api-key-best-practices#application_restriction ). This means only the ip addresses you gave (usually your local ip and your server ip) can use that API key. Others knew your api key can do nothing.

You can also follow this guide for best practice: https://developers.google.com/maps/api-key-best-practices

By the way, your hero-bg is too small in the large screen devices. You could do background-size: cover to fix that and make it responsive to all devices.

1
Rishi Purwar• 285

@rishipurwar1

Posted

@zuolizhu Thanks for your help... I'll try to fix these issues...

0
Abhishek Rawat• 690

@AbePlays

Posted

Pushing ApiKeys to github is not a good idea.

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