Why the "S" matters.

An interactive exploration of how the web secures your data. From plain text postcards to armored encryption trucks.

Interactive Demo

The Man in the Middle

Type a secret message below and see how it travels across the network.

Protocol:
laptop_mac
You (Client)
person_off

Network Sniffer

password123

dns
Server
password123

warning HTTP is Insecure

In HTTP, data is sent as Plain Text. Anyone connected to the same Wi-Fi network or router (the "Man in the Middle") can read your passwords, credit card numbers, and emails exactly as you typed them.

Technical Deep Dive

Postcard Analogy

Analogy: Sending a postcard.

no_encryption

HTTP (HyperText Transfer Protocol)

HTTP is the foundation of data communication on the web. It is a request-response protocol in the client-server computing model.

  • close No Encryption: Data travels in clear text.
  • close Port 80: By default, HTTP uses port 80.
  • info Analogy: Like writing a message on a postcard. The mailman, the sorter, and your neighbor can all read it before it reaches the destination.
lock

HTTPS (HTTP Secure)

HTTPS is the secure version of HTTP. It adds a layer of encryption using TLS (Transport Layer Security), formerly known as SSL.

  • check_circle Encryption: Scrambles data so it's unreadable to interceptors.
  • check_circle Integrity: Ensures data hasn't been tampered with during transit.
  • check_circle Authentication: Verifies the website is who it claims to be (via Certificates).
  • info Analogy: Like sending a letter in a locked, steel briefcase inside an armored truck. Only the recipient has the key.
Security Analogy

Analogy: An armored, locked transport.

handshake How It Works: The TLS Handshake

Before any data is sent, the browser and server must agree on a secret code (encryption key). This happens in milliseconds.

Client Server 1. Client Hello (Cipher Suites) 2. Server Hello + Certificate (Public Key) Verifies Cert 3. Send Pre-Master Secret (Encrypted) Session Keys Created đź”’ SECURE ENCRYPTED TUNNEL đź”’
For the Interview

Technical Q&A