How to get the [ IP, location ...etc ] of anyone visit your site in React/JavaScript

### My First Simple article at DEV Community :)

i wrote a simple [Covid-19 Tracker], when you open it will give you the information of your country accord to your location.

You can check my so simple project [Covid-19 Tracker] 
Github: https://github.com/moamlrh/covid-tracker/tree/master

####* NOTE : this article for absolute beginner:)

It's easy, i don't wanna waste your time.

## First Of All :
 
 we'll create a file called App.js :

![App.js](https://dev-to-uploads.s3.amazonaws.com/i/tl0b7ejj4y2cej3vuin4.png)

## Request and API 
  Then make get request to https://ip.nf/me.json
we'll use fetch to make request but you can use whatever you want [try with Axios]

The response will Looks like :
![response](https://dev-to-uploads.s3.amazonaws.com/i/jmjmbz0pa21zwak863vk.png)

Your information => IP, Country, Country Code, City,ASN etc...

## Finally,
 we can use it with React Hooks [useState, useEffect]:

![code](https://dev-to-uploads.s3.amazonaws.com/i/nbde27smrmhuakgt50ka.png)   

## The Final result :
![result](https://dev-to-uploads.s3.amazonaws.com/i/ej237z6nb8rzxrf8cil5.png)

##### * latitude & longitude you can use it in your project if you use map or do whatever you want 


I hope you benefit from this article, 
Thanks for spend some time to learn new simple things.

" LEARN & NEVER STOP "


Comments

Post a Comment

Popular posts from this blog

Secure your Discord account with 2FA