PasswordStrengthMeter

This application is designed to test the strength of passwords. It provides a field for entering a password, and below the field, there are three sections that indicate the strength of the password. The strength of the password is determined based on specific criteria, and the sections change color accordingly.

In addition to the strength sections, there are also helpful hints provided in the form of a list. These hints indicate specific requirements for the password.

You can see a preview of the working application here

Password Strength Criteria

The password strength is determined using the following criteria:

• Only letters, digits, or symbols: The password is considered easy.
• Combination of letters-symbols, letters-digits, or digits-symbols: The password is considered medium.
• Contains letters, symbols, and numbers: The password is considered strong.

Features

1. Real-time password strength assessment: The application provides instant feedback on the strength of the entered password, updating the strength sections and color indicators in real time as the password is being typed.

2. Password validation hints: In addition to the strength indicators, the application also provides helpful hints in the form of a list. These hints specify the specific requirements for a strong password, such as minimum length, inclusion of letters, numbers, and symbols.

3. Responsive design: The application is designed to adapt to different screen sizes and devices, ensuring a seamless user experience on desktop and mobile platforms.

Technologies Used

This application is built using Angular version 16.1.3. The styling is done using CSS, and the logic is implemented using TypeScript.

Installation

To run the PasswordStrengthMeter application locally, please follow the steps below:

1. Clone the repository: https://github.com/lisitsyna-anna/password-strength-meter
2. Navigate to the project directory: cd password-strength-meter
3. Install the dependencies: npm install
4. Start the development server: npm start
5. Open your web browser and visit http://localhost:4200 to see the application running.

Contact Information

If you have any questions or feedback, please feel free to contact me:

• Email: anna.lisicina9309@gmail.com
• GitHub: lisitsyna-anna