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