This app was created as teaching support material for the WBS Coding School to introduce students to some React concept.
This is an application to display your current IP address, as well as a map of your current location, and some extra time/place info (in case you don't remember where you are 🧭😉) !
Click on the IP to copy it to your clipboard.
The app calls 2 separate APIs:
- Geo Ipify for the IP address itself and the timezone/location data
- A public GraphQL API for information about countries, continents, and languages for additional country info
- Flagpedia to embed country flag images over CDN
The user will also be prompted for access to the more precise geolocation of the browser. If the prompt is refused 💁, the app will just fallback to the slightly less precise location data derived from the IP address ✅
Leaflet + OpenStreetMap are used to show a map of the user's current location.
Fun fact: While the app loads your data; you are in the middle of the dreaded Bermuda Triangle ⚓⛵🏴☠️ !
A live version of the app can be found here!