Home / Work / IP Inspector
04 / Network Intelligence
Platform Web Application (Client-Side SPA)
Live Web Tool

IP InspectorNetwork Intelligence Tool

A real-time network intelligence tool engineered to instantly detect public IPv4 addresses, analyze connection latency, downlink speed, and render pinpoint geolocation data on an interactive Leaflet map with instant JSON and TXT clipboard exports.

Vanilla JavaScript (ES6+) HTML5 / CSS3 Leaflet.js 1.9.4 CartoDB Dark/Light Tiles api.ipify.org IPv4 API ipapi.co Geolocation API Network Information API
Launch Live Preview
Repository Access Private Repo
SCREENSHOTS
3
TIMELINE
1 Week
LEVEL
Intermediate
01. Overview 02. Engineering Highlights 03. Tech Matrix 04. Screenshots (3)

Engineering Highlights.

[01]

Dual-API IP Resolution & Geolocation Pipeline

Asynchronously queries api.ipify.org for instant IPv4 detection followed by ipapi.co for in-depth geolocation metadata (country, city, region, ISP, AS number, timezone, coordinates) wrapped in an AbortController with an 8-second network timeout.

Fetch API / AbortController / REST APIs
[02]

Interactive Leaflet.js Mapping & Theme-Aware CartoDB Tiles

Renders dynamic geographic positioning at Zoom 12 using Leaflet.js 1.9.4. Seamlessly swaps vector tile layers on the fly between CartoDB Dark (dark_all) and Light (light_all) when switching color schemes.

Leaflet.js 1.9.4 / CartoDB / Dynamic Tiles
[03]

Live Hardware & Network Telemetry Metrics

Interrogates the browser navigator.connection API to display real-time connection status pills: network type (4G, WiFi, Ethernet), downlink speed in Mbps, and round-trip time (RTT/latency in ms) alongside VPN/proxy warning detection.

navigator.connection / Network Telemetry

Core JavaScript Engine

  • Vanilla JavaScript (ES6+ Modules)
  • AbortController (8000ms Timeout)
  • navigator.connection Telemetry
  • navigator.clipboard & Blob API

Geocoding & Maps

  • Leaflet.js 1.9.4 Interactive Map
  • CartoDB Dark & Light Tile Provider
  • api.ipify.org IPv4 Lookup
  • ipapi.co Geolocation & ASN Lookup

UI Architecture & Themes

  • Semantic HTML5 (ARIA Accessible)
  • Pure CSS3 Variables & Flex/Grid
  • Theme Engine (data-theme attribute)
  • JetBrains Mono & Inter Google Fonts

Performance & Reliability

  • Zero-Backend Architecture
  • 100% Client-Side Computation
  • 2.5s Auto-Dismissing Toast Engine
  • Instant Sub-100ms Cold Start

Screenshots.

Showing 3 of 3 screens Click any image to zoom & inspect
IP Inspector Header Telemetry
IP Inspector Header
IP Details & Map Map & Geo
IP Details & Map
IP Full View Telemetry
IP Full View
Keep exploring

More projects

All projects
KMZ Hub Gaming Center & POS

KMZ Hub

Offline-first desktop platform with PlayStation timers, cafeteria POS, and thermal printing.

.NET MAUI Blazor Hybrid C# SQLite
Travely Travel & Hospitality

Travely

Full-stack .NET 9 MVC booking platform with Stripe checkout, room management, and admin dashboard.

ASP.NET Core C# MVC Stripe
Teta's Kitchen Culinary Heritage

Teta's Kitchen

Culinary heritage and recipe platform with client-side live filtering, custom styling, and in-place editing.

HTML5 CSS3 JavaScript Responsive Design