Users should be able to:
- View the optimal layout depending on their device's screen size. 2. 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.
Useful resources
Figma - Paste your design image to check the size of containers, width, etc.
Perfect Pixel - Awesome Chrome extension that helps you to match the pixels of the provided design.
IPify - real-time IP Geolocation API which has been replaced
Leaflet - an open-source JavaScript library for mobile-friendly interactive maps
Free Geo IP - provides a free IP gelocation API for software developers I am currently using. This is a temporary replacement
Example - https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto:good,w_900/Challenges/ld4kxbjoxpqpjenak8w6.jpg