Skip to content

README.md

Latest commit

 

History

History
60 lines (40 loc) · 1.88 KB

README.md

File metadata and controls

60 lines (40 loc) · 1.88 KB

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.