The latest articles on DEV Community by Majida Yehya Shakra (@majida_yehyashakra_ce2a2). https://dev.to/majida_yehyashakra_ce2a2 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4224984%2F747a0294-b6c2-4f15-a8e8-0ce206b7616c.png https://dev.to/majida_yehyashakra_ce2a2 en Majida Yehya Shakra Tue, 03 Nov 2026 20:40:04 +0000 https://dev.to/majida_yehyashakra_ce2a2/building-a-cyberpunk-password-analyzer-generator-with-real-time-crack-speed-estimations-3cap https://dev.to/majida_yehyashakra_ce2a2/building-a-cyberpunk-password-analyzer-generator-with-real-time-crack-speed-estimations-3cap <p>Hey everyone! 👋</p> <p>I recently built a client-side <strong>Cybersecurity Suite</strong> that combines password strength evaluation with real-time brute-force crack time estimations, alongside a seed-based secure password generator.</p> <h3> 🛡️ Why I Built This </h3> <p>Most password checkers just give a basic "Weak" or "Strong" label. I wanted to build an interactive tool that actually breaks down <strong>how long it would take to crack a password</strong> across different hardware architectures:</p> <ul> <li>Standard CPU (Single Thread)</li> <li>High-end GPU Rigs (e.g., RTX 4090)</li> <li>Quantum Computing Estimations</li> </ul> <h3> ✨ Key Features </h3> <ul> <li> <strong>Visual Progress Meters:</strong> Real-time scoring algorithms.</li> <li> <strong>Hardware Breakdown:</strong> Interactive time-to-crack estimates.</li> <li> <strong>16-Character Generator:</strong> Seed-based password creation containing special characters, numbers, and casing.</li> <li> <strong>Cyberpunk UI:</strong> Custom animations including rain and floating particles.</li> </ul> <h3> 🛠️ Tech Stack </h3> <p>Pure <strong>Vanilla JavaScript</strong>, <strong>HTML5</strong>, and <strong>CSS3</strong> (using Keyframes and Glassmorphism techniques).</p> <p>🌐 <strong>Live Demo:</strong> <a href="https://shakra000.github.io/PasswordGeneratorAndAnalyzer/" rel="noopener noreferrer">Check it out here</a><br><br> 💻 <strong>GitHub Repository:</strong> <a href="https://github.com/shakra000/PasswordGeneratorAndAnalyzer" rel="noopener noreferrer">Source Code on GitHub</a></p> <p>I'd love to hear your feedback, thoughts on the math calculations, or suggestions for improvement!</p> cybersecurity javascript webdev opensource