Password Strength Checker is a modern and interactive web application designed to help users evaluate the strength of their passwords in real-time. This project combines an animated gradient progress bar, a moving particle background, and a clean dark-mode interface to make password evaluation both visually appealing and intuitive.
-
Real-time Password Strength Evaluation:
The app analyzes your password as you type and assigns a strength level ranging from Very Weak to Very Strong based on length, use of uppercase and lowercase letters, numbers, and special characters. -
Animated Gradient Progress Bar:
The progress bar dynamically fills according to the password strength, with a moving rainbow-like gradient for a modern visual effect. -
Interactive Background Animation:
A canvas-based particle animation creates a lively background, giving the interface a professional and engaging look. -
Real-time Date and Time Display:
The current date and time are displayed at the top of the password input container. -
Responsive Dark Mode UI:
The interface is fully centered, responsive, and optimized for dark mode, ensuring clarity and focus on the input field and strength indicators.
- Download or clone the repository.
- Open
index.htmlin your preferred web browser. - Type your password into the input field to see its strength evaluation and progress bar update in real-time.
index.html→ Main HTML filestyle.css→ Stylesheet with layout, dark mode, and progress bar stylingscript.js→ JavaScript for password strength calculation and progress bar updatesbg.js→ Particle animation for the backgrounddatetime.js→ Real-time date and time display
This project is licensed under the MIT License. Feel free to use, modify, and distribute it freely.