Skip to content
Submitted over 2 years ago

Flexbox, Animations, API fetch

Kasra Tabrizi•300
@KasraTabrizi
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

Hey everyone!

At the moment, the API keys for the geolocation and leaflet map are visible in the repo. Anyone has an idea how to use environment variables with Vanilla JS? Is there a way without using NodeJS? How do you load the environment variables on GitHub pages?

Perhaps this isn't necessary in this case, but it is a good practise for when you make a serious project.

Thanks and open to other feedback as well!

Community feedback

  • Kasra Tabrizi•300
    @KasraTabriziPosted over 2 years ago

    I also would like to mention that the block below the search bar where the additional info is displayed, is not visible when you visit the page because it will fade in when you do your first search (hence why you don't see it in the screenshot).

    0

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