Back to All Projects
Systems⭐ Featured Case Study

CIDR Subnet Calculator

Zero-latency high-performance network subnetting calculator

A zero-latency, high-performance network subnetting calculator built with Next.js 16, React, TypeScript, and Tailwind CSS. Engineered to execute sub-millisecond network space calculations directly on the V8 runtime.

< 0.5ms

Calc Speed

100/100

Lighthouse Score

Problem & Challenge

Network engineers require instant, offline-capable subnet calculations without heavy page reloads or remote server roundtrips.

Technical Solution

Designed client-side bitwise calculation routines executing sub-millisecond network mask evaluation directly on the browser V8 engine.

Security & Hardening Considerations

  • Client-side input sanitization preventing injection
  • Zero external network dependency during subnet calculations

System Architecture

Next.js 16 App Router static export architecture deployed to Cloudflare Pages for instant edge distribution.

[CLIENT ENGINE]→ TLS 1.3 →[API GATEWAY][DATA STORAGE]

WebCrypto AES-256-GCM / PBKDF2 HMAC-SHA256

Zero-Knowledge Blind Ciphertext Storage Engine

Technologies Used

Next.js 16React 19TypeScriptTailwind CSS v4Cloudflare

Key Features

  • IPv4 CIDR notation parsing
  • Subnet mask & wildcard mask generator
  • Usable host range breakdown
  • Bitwise binary matrix visualization