Interactive Tool · Networking Zero to Hero

Packet Journey

Every header added and stripped. Browser to server and back.

Experience this as a game → Arcade

ðŸ–¥ï¸

Your PC

â†’

ðŸ”€

Home Router

â†’

ðŸŒ

Internet

â†’

ðŸ–¥ï¸

Server

YOUR PC Encapsulation

â–¼

DATA

Step 1 / 18 Encapsulation

ETH L2 Â· MAC NEW

IP L3 Â· IPv4 NEW

TCP L4 Â· port NEW

APP DATA HTTP GET /

ETH - Data Link L2 IP - Network L3 TCP - Transport L4 APP DATA - L7

Your Browser Creates a Request

What just happened

â† â†’ arrow keys to navigate

What this shows: every header added and stripped as a packet travels from browser to server Use when: learning OSI layers in action · understanding MAC vs IP · seeing NAT rewrites live

Part of Signal Path I: Browser to Server