Skip to content
Submitted almost 3 years ago

IP Address Tracker | React, TypeScript, SCSS, ipify API, React Leaflet

#react#sass/scss#typescript#fetch
Luka•820
@LukaKobaidze
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

Completed another really fun challenge!

For this challenge i used React Leaflet and IP Geolocation API.

Open for suggestions!

Community feedback

  • Fayaz•380
    @fayax555Posted almost 3 years ago

    https://geo.ipify.org/api/v2/country,city?apiKey=at_RTk0rwxaK8JXPgBj87O7nTL7ug6ZA&domain=8.8.8.8

    I can see your apikey

    0
    Luka•820
    @LukaKobaidzePosted almost 3 years ago

    @fayax555 From what i know, ipify doesn't have any way to secure your api key. But it's free to use so i'm okay with exposing my api key

    0
    Fayaz•380
    @fayax555Posted almost 3 years ago

    @LukaKobaidze Yea, there's no way to hide api key on client-only app. I recently completed this challenge with Next.js (ssr). It was a bit of pain, because react-leaflet doesn't support ssr. But atleast I was able to hide the api key.

    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