Interactive Cipher & Cryptography Simulator (Educational Demo)
Educational Demonstration: This client-side web application demonstrates rotor stepping mechanics, an RC4 stream cipher, and educational cipher concepts entirely in your browser. It is not intended for production security or encrypting sensitive personal data.
Classic Enigma
Stream & Demo Ciphers
History
How It Works
WWII 3-Rotor Enigma Configuration
Enable Plugboard
? Plugboard allows for additional character swapping before and after rotor encryption
Cipher Settings
Simulation Parameters
Sets the iteration count for the simulated hash derivation loop used in the educational AES & Triple DES routines.
Operation History
About This Application

This is a self-contained, client-side cryptography demonstration playground built with vanilla HTML, CSS, and JavaScript. All execution occurs entirely in your browser with zero backend dependencies, database storage, or external APIs.

Educational Notice: This project is designed for demonstrating cipher mechanics, historical rotor machines, and algorithmic concepts. It should never be used to protect sensitive personal, financial, or confidential data.

Implemented Algorithms & Technical Breakdown
  • Classic Enigma (WWII 3-Rotor Simulator): Simulates the mechanical WWII Enigma machine with three configurable rotors (I, II, III), a selectable reflector (Standard, Wide, Thin), and an optional plugboard. Rotors mechanically rotate forward as each character is processed. Because Enigma is a reciprocal cipher, running the generated ciphertext through identical rotor settings decodes it back to plaintext.
  • RC4 Stream Cipher (Functional Byte-Level Implementation): Implements the classic RC4 stream cipher algorithm. It builds a 256-byte state array (S-box), executes key-scheduling permutation swaps (KSA), generates a pseudo-random keystream (PRGA), and XORs it against character bytes.
  • Custom Keyed Shift Cipher: A key-dependent byte-shifting cipher where characters are shifted based on the numerical ASCII sum and positions of the key.
  • Simulated AES & Triple DES (Conceptual Demos): Educational mock implementations that illustrate round concepts, salt generation, and iterative key derivation loops via repeated Base64 encoding. These are conceptual simulations for educational illustration and are not compliant with official NIST FIPS AES or 3DES specifications.
Technical Architecture
  • Structure: Semantic HTML5 defining all controls and inputs.
  • Styling: Pure vanilla CSS with dark theme custom properties and responsive layout rules.
  • Logic: Pure vanilla JavaScript running directly in the browser.
  • State Persistence: Recent operation history is preserved locally using the browser's localStorage API.
PROCESSING CIPHER