-
Live Site URL: https://find-this-ip.netlify.app/
-
A react app that can show you the location, timezone, and the internet service provider of the IP Address that you would like to search using the API provided by IPAPI. The location will also be shown in the map using the API provided by LEAFLET and the tiles layer is provided by OpenStreetMap.
- Live Site URL: https://find-this-ip.netlify.app/
-
Create a new sandbox:
-
Rename the title with an appropriate name.
-
Under .src folder, create an
imagesfolder andcomponentsfolder. -
In the
imagesfolder, upload all the images from your local machine. -
In the
componentsfolder, create the following files:- Search.js
- Output.js
- Modal.js
- Map.js
-
Install the following dependencies:
- react-icons
- react-leaflet
- leaflet
- swr
- tailwind
- Semantic HTML5 markup
- CSS custom properties
- Tailwind CSS
- ReactJS
- Vite
- Twitter - @julfinch