🔐 Password Strength Analyzer - Web Version
A beautiful, modern web-based password strength analyzer with real-time analysis as you type!
🌐 Web Interface Features
✨ Real-Time Analysis
- Instant feedback as you type each character
- Smooth animations and transitions
- Visual progress bar (0-100 score)
- Color-coded status indicators
- Show/Hide password toggle
- Responsive design - works on all devices
📊 Analysis Metrics
1. Overall Score (0-100)
- Visual progress bar with gradient colors
- Status: Very Weak → Weak → Moderate → Strong → Very Strong
2. Length Analysis
- Real-time length checking
- Recommendations for stronger passwords
3. Complexity Analysis
- Live indicators for character types:
- ✓ Lowercase letters
- ✓ Uppercase letters
- ✓ Digits
- ✓ Special characters
- Instant suggestions for missing types
4. Entropy Analysis
- Shannon Entropy calculation
- Theoretical Entropy based on character pool
- Character pool size display
5. Dictionary Attack Detection
- Checks against 100+ common passwords
- Detects simple variations
- Identifies patterns (sequences, keyboard patterns, etc.)
- Visual warnings for vulnerabilities
6. Crack Time Estimation
- Estimates brute force attack time
- Based on 1 billion attempts/second
🚀 How to Run
Option 1: Double-Click (Easiest)
- Navigate to the project folder
- Double-click
index.html
- Opens in your default browser
Option 2: Right-Click
- Right-click on
index.html
- Select "Open with" → Your preferred browser
Option 3: Using Python Server
# Navigate to project directory
cd "C:\Users\dell\Documents\projects\CS assignment"
# Start a local server (Python 3)
python -m http.server 8000
# Open browser and go to:
# http://localhost:8000
Option 4: Using Live Server (VS Code)
- Install "Live Server" extension in VS Code
- Right-click
index.html
- Select "Open with Live Server"
📁 Web Files Structure
CS assignment/
│
├── index.html # Main HTML structure
├── styles.css # Beautiful modern styling
├── script.js # Real-time analysis logic
│
├── Python modules (optional):
├── entropy_calculator.py
├── dictionary_checker.py
├── analyzer.py
├── gui.py
└── main.py
🎨 Interface Sections
1. Header
- Gradient title with modern design
- Subtitle ex