Interactive network protocol education tool with 9 hands-on demos navigable via tabs. Covers the TCP 3-way handshake with animated packet flows, DNS query resolution through the recursive hierarchy, an HTTP vs HTTPS man-in-the-middle comparison, and an interactive OSI model layer explorer with expandable protocol details per layer.
Includes practical tools: a firewall simulator where you create allow/deny rules and test packets against them, a CIDR calculator that computes subnet masks, wildcard masks, network/broadcast addresses, and host counts, and a live network stats dashboard with simulated bandwidth, latency, and connection metrics updating every second.
Built with Vite and vanilla JavaScript ES modules. Fully accessible with ARIA labels, keyboard navigation, skip links, and reduced-motion support. Inter + JetBrains Mono typography with an indigo/violet color scheme.