Git Product home page Git Product logo

password-strength-meter's Introduction

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:

password-strength-meter's People

Contributors

lisitsyna-anna avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.