This is a solution to the IP address tracker challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for each page depending on their device's screen size
- See hover states for all interactive elements on the page
- See their own IP address on the map on the initial page load
- Search for any IP addresses or domains and see the key information and location
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- I learned how to use IP Geolocation API by IPif to get the location of the user's IP address or given address.
- How to use Leaflet to create a map of the user's IP address or the given IP address.
- Leaflet Docs - A quick start guide to Leaflet.
- Leaflet Tutorial - This helped me understand how the map function works and how to use it to display the map.
- Ipify Docs - The IP Geolocation API docs were very helpful and easy to understand on how to get the IP address, location (latitude, longitude, region, and country), and ISP (Internet Service Provider). I used the API Type 2 to get all the information I need.
- Website - Mohanad Alrwaihy
- Frontend Mentor - @MohanadOO