Motivation

It is essential to not only watch YouTube videos, tutorials, and read books, but also to take the information learned and apply it to create something practical. This is why I enjoy Frontend Mentor challenges, such as this one that required me to utilize my skills in HTML, CSS, and JavaScript.

Description

Tech Stack:

This app uses the Geolocation API and Leaflet JS library to quickly locate and display information about any IP address entered in the search field, such as ISP provider and domain name.

Biggest Hurdle

This project was fairly simple make a app that finds ip addresses I wanted users of my app not to be limited to just ip addresses . To achieve this, I implemented a solution that utilizes three variables to consume data from the Geo API. This allows the app to handle not only IP addresses, but also domain names. When a user enters a search query, a function removes all periods in the string provided, then checks if the string can be converted into a number. If it cannot, we know that the user has entered either a domain name or an invalid query.

FuturePlans

I would like to refactor this app using react and possibly use the google maps api inplace of leaflet