Password Strength Visualizer 🔐

A mini project that helps users create strong, secure passwords with real-time feedback. Built using HTML, CSS, and JavaScript, with AI-assisted development for logic and optimization.

Live Demo

Password Strength Visualizer

---

Features

• Dynamic Strength Bar
  Visual indicator of password strength (Weak → Very Strong) that updates in real-time.

• Criteria Checklist
  Ensures passwords meet essential requirements:

  • At least 8 characters
  • Uppercase letters
  • Lowercase letters
  • Numbers
  • Special characters

• Password Generator
  Generate random strong passwords with adjustable length.

• Show/Hide & Copy
  Toggle password visibility and copy passwords easily.

• Security Checks

  • Detects repeated patterns
  • Integrates with Have I Been Pwned (HIBP) API to warn if the password has been exposed in known breaches.

• User-Friendly Design
  Responsive, interactive UI with smooth transitions, sliders, and visual feedback.

---

How to Use

1. Open the https://raw.githubusercontent.com/P-Sushanth/Password-Strength-Visualizer/main/yite/Password-Strength-Visualizer.zip file in your browser.
2. Type a password to see the strength, or generate one using the slider and "Generate" button.
3. Toggle password visibility using the eye icon.
4. Copy the password with the copy button.
5. Check real-time feedback and the criteria checklist as you type.

---

Built With

• HTML5 – Structure
• CSS3 – Styling and responsive design
• JavaScript – Logic, strength evaluation, generator, API integration
• AI Assistance – Used to optimize development workflow

---

License

This project is open-source and free to use.