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

Working version but need help on hiding API keys

Pierre 215

@pchatard

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


Here is my version of this cool challenge ! I have a small issue with the location icon on the map that moves when zooming in/out, maybe someone can help me with this!

Community feedback

@ArtemPonomarenko

Posted

Hello there!

You can use environmental variables to hide your API keys. There is a great npm package for this called "dotenv" (https://www.npmjs.com/package/dotenv). And then when you deploy your project on Vercel there will be an option to add same variables to your deployment build.

Good luck!

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