An interactive educational platform for exploring the history and mechanics of cryptography. From the ancient Scytale of Sparta to modern-day encryption concepts, CypherLab provides a hands-on experience in the art of secret writing.
Live Demo: https://tototofu123.github.io/CypherLabEncryption/
Discover the evolution of ciphers across eras:
- Ancient & Classical: Scytale, Atbash, Caesar, Polybius Square, and Vigenère.
- 20th Century: Playfair Cipher and more.
- Modern Concepts: Learn about security scores, vulnerabilities, and algorithmic types (Substitution, Transposition, Fractionation, etc.).
- Cipher Simulator: Interact with real-time implementations of historical ciphers. See how shifting keys and keywords transform your message.
- Educational Content: Deep dives into the historical context, mathematical logic, and vulnerabilities of each method.
- Interactive Visuals: Clean UI with iconography and color-coded categories for easy navigation.
- Security Analysis: Every cipher comes with a "Security Score" and detailed vulnerability reports to teach why certain methods were eventually broken.
- Framework: React 18 with TypeScript.
- Routing: React Router (HashRouter for GitHub Pages compatibility).
- Styling: Modern UI patterns (inferred use of Tailwind CSS based on
text-amber-600, etc. inconstants.ts). - Build Tool: Vite.
- Deployment: GitHub Actions & Netlify.
App.tsx: Main routing and application layout.constants.ts: The core database of cipher methods, descriptions, and historical data.types.ts: TypeScript interfaces for cipher definitions.index.html: Entry point for the Vite build..github/workflows/: Automation for deployment and security scanning.
- Clone the repo:
git clone https://github.com/tototofu123/CypherLabEncryption.git
- Install dependencies:
npm install
- Run in development mode:
npm run dev
- Build for production:
npm run build
Built with 🧡 by tototofu123