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.

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author
• Acknowledgments

Note: Delete this note and update the table of contents based on what sections you keep.

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

• Solution URL: Frontendmentor-Solution
• Live Site URL: Netlify-Live Site

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Leaflet API - For rendering maps
• Geo Ipify API - For finding location using IP address

• Leaflet API Documentation - The official documentation page of Leaflet API, which I used for maps. It is a great reference for those who have just started with maps in javascript.

• Website - ShoebIlyas-LinkedIn
• Frontend Mentor - @shoebilyas123
• Twitter - @shoebilyas3

I am extremely impressed by the work that front-end mentor is doing. It helps us, new web-developers to put our skills to test by building websites. It helps us apply what we have learnt and eventually become better at what we do.