IP address tracker

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with

Overview

The challenge

Users should be able to:

• Login using SAWO sdk (the passwordless way)
• 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

Screenshot

• WEB VIEW

• Web Login Page:

• Web Dashboard Page:

• Web Dashboard Page on Value:

• MOBILE VIEW

• Mobile Login View.

• Mobile View.

• Mobile View.

• POSTMAN CALL

• Postman call for saving the data.

Links

• Solution Site URL:
  • Front-end
  • Back-end
• Live Site URL: IP Address Tracker Link

My process

Built with

• React - JS library
• Sawo - Passwordless Authentication
• IP Geolocation API - An IP locator API
• Leaftlet - A Map Library
• React Leaflet - React components for Leaflet maps
• Axios - Promise based HTTP client for the browser and node.js
• Flexbox
• Media Query - For responsive mobile view