Frontend Hiring Test - IP Tracker Application (Intermediate)

This test is a part of the hiring process at TuringTech for the Frontend Engineer position.

Brief

Your 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 application can be built using any Frontend Framework/Library such as React, Angular, Vue. We do use React on most of our projects, however, Angular and Vue are also used in some of the projects.

You should try to match the exact design as given in the test resources. Please download the test resources from the link given below.

https://drive.google.com/file/d/1IwkYVru3LBlyNiUaLD9PGQ7odMmE53cT/view?usp=sharing

Your 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

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

• Very Dark Gray: hsl(0, 0%, 17%)
• Dark Gray: hsl(0, 0%, 59%)

Typography

Body Copy

• Font size (text input): 18px

Font

• Family: Rubik
• Weights: 400, 500, 700

Bonus

• Use typescript
• Error tolerant and rate limiting handling for external APIs
• Deploy your app on Heroku or Netlify