IP Verification Application utilizing the React JavaScript library with Continuous Integration
npm install
in the terminal.env
at the root directory of the applicationREACT_APP_GOOGLE_KEY = <YOUR GOOGLE MAPS API KEY>
to the .env
fileREACT_APP_APILITY_KEY = <YOUR APILITY API KEY>
to the .env
filenpm run build
in the terminalnpm start
in the terminalindex.html
will be opened in your local browser1.2.3.4
)Search
button or press enter
to retrieve the relevant IP, Geolocation, and Autonomous System information for the searched IP address from Apility.io’s APInpm test
in the terminalnpm run build
in the terminalI decided to build this application to help introduce myself to the React JavaScript library and the cybersecurity industry. React is a popular front-end library used today because of its exceptional modularity. Additionally, cybersecurity is one of the hottest industries out there and has been especially popular with everything going on in the world lately, like data breaches for instance.
Having not had the opportunity to gain any experience in cybersecurity at previous employers, I decided to utilize a security intelligence data feed for this application. With there being so many data feeds available to choose from, I wanted to select one that I would not only be able to understand, but could utilize practically in my application.
I found Apility.io’s blacklist API and already had some prior understanding of what being “blacklisted“ meant, thus decided I could utilize the API to demonstrate how an enterprise level solution could verify a new user’s integrity with their IP address by checking if it is found in a (or many) blacklist database(s), as well as retrieving Geolocation data and Autonomous System information.
This project is licensed with the MIT License - see the LICENSE.md file for details
For additional functionalty included with Facebook’s “create-react-app” template, look here