learn

Interactive educational instruments that show how things work, step by step.

• Identity Flow Visualizer · Walk a SAML or OIDC login step by step: decode every redirect, token, and validation.
• Route & Longest-Prefix-Match Visualizer · Forward an address through an editable routing table.
• TCP Handshake Animator · Walk the TCP state machine one segment at a time, and watch both endpoints change state.
• TLS Handshake Inspector · Step a TLS 1.3 handshake, decode the cipher suite, and walk the whole HKDF key schedule.

• Cryptography Lab · A 12-tab lab, Vigenère to Enigma: classical ciphers, modern primitives, hashes and KDFs.
• Hash Avalanche Visualizer · See the hash avalanche effect: how a one-character change flips half the output bits.
• Steganography Laboratory · Read the bit planes of a file, get a χ² verdict on hidden data, and embed or extract a payload.

• Compression Explorer · Step a greedy LZ77 encoder byte by byte: see the window, matches, and the size it saves.
• Formal Logic Compendium · Build a formula from pickers: full truth table, tableau and verdict, quantifiers in a finite model, checked proofs, and modal logic on a frame.
• Git DAG Simulator · Run commit, branch, checkout and merge, and watch the commit graph each one builds.
• PM-16 Micro-CPU · Assemble, single-step and watch a 16-bit CPU run. Predict the flag change before you step.
• Unix Signal Visualizer · Send signals to a process tree and watch them handled, ignored, blocked, or take default action.

• Design System Lab · Take the site's own visual/colour design system apart.
• Keyboard Shortcut Trainer · Drill shortcuts across application profiles: perform the task, get graded. Improve.