Table of contents

• Overview
  • The challenge
• My process
  • Built with

Overview

The challenge is to build out this IP Address Tracker app and get it looking as close to the design as possible. To get the IP Address locations, you'll be using the IP Geolocation API by IPify. To generate the map, we recommend using LeafletJS.

The challenge

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 and see the key information and location

My process

Html => css => js

Built with

• HTML
• CSS3
• Flex-box
• Mobile-first workflow
• JS => API