Skip to main content
Elizabeth Stein
DevTools ArsenalOpen to workHomeWorkAboutContact

Case study

devtools2025

Encryption Visualizer

Interactive educational platform for learning cryptographic algorithms through real-time step-by-step visualizations.

Building the tools that build the tools

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

DevTools Arsenal·✦II-Class Star
●LIVE
View on GitHub
View Live Site
Source Code

Evidence

Interface & evidence

A real surface area—not a mock. Scroll the story below for constraint, build, and outcome.

Signature viewencryption-visualizer-zeta.vercel.app
Encryption Visualizer application interface
Open Live Site
encryption-visualizer-zeta.vercel.app

Story arc

How this shipped

Building the tools that build the toolsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Making complex cryptographic algorithms understandable through visualization rather than abstract mathematics.

II · Build

The craft

Built step-by-step animated visualizations showing how AES, RSA, and SHA algorithms transform data. Interactive controls let users see each operation.

III · Proof

What moved after launch

Visualizes 5 major encryption algorithms. Used as educational resource by security-focused developers. Real-time byte-level transformation display.

Inventory

Stack & signals

CryptographyReact
← Project archive

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot—I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Start a ConversationSee More Projects

Related work

Same clustersignal 2
Signal: Low
React

CodeMemory

Master web development through spaced repetition using FSRS algorithm with flashcards and coding challenges.

Nearby systemsignal 1
Signal: Low
React

Coulson One

Enterprise-scale TypeScript/React application with 64,806 files. Led architecture decisions and core feature implementation for aviation resource management.

Nearby systemsignal 1
Signal: Low
React

CAIPO.ai

Designed and built an AI-powered platform as part of the Flo Labs 6-site ecosystem. Led frontend architecture, component integration, and UX for complex AI interactions.

Keep exploring

Previous Project

ImgZen

High-performance automatic image optimizer for GitHub Actions built with Rust. Generates AVIF/WebP variants with zero configuration.

Next Project

Security Trainer

Interactive cybersecurity training platform with hands-on exercises, vulnerability simulations, and progress tracking for developers.

© 2026 Elizabeth Stein

·Contact·Privacy
Let's work together → GitHubLinkedIn

Built with Next.js, Three.js, and obsessive attention to detail.