Skip to content
Submitted about 4 years ago

Working version but need help on hiding API keys

Pierre•215
@pchatard
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...IP Address Tracker
  • HTML
  • CSS
  • JS
  • API
3intermediate

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

  • Artem Ponomarenko•365
    @ArtemPonomarenkoPosted about 4 years ago

    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

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