https://github.com/el-abdel/ngx-pwd-strength

Angular Package, that measure password strength and indicate how secure is it
https://github.com/el-abdel/ngx-pwd-strength

angular hacktoberfest password-strength

Last synced: 19 days ago
JSON representation

Angular Package, that measure password strength and indicate how secure is it

• Host: GitHub
• URL: https://github.com/el-abdel/ngx-pwd-strength
• Owner: el-abdel
• License: mit
• Created: 2021-10-13T13:36:12.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-12T15:04:20.000Z (about 2 years ago)
• Last Synced: 2024-11-16T13:21:34.336Z (about 2 months ago)
• Topics: angular, hacktoberfest, password-strength
• Language: TypeScript
• Homepage: https://el-abdel.github.io/ngx-pwd-strength/
• Size: 4.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NgxPwdStrength

Estimate the strength of the password using [zxcvbn](https://github.com/dropbox/zxcvbn), and display a visual password strength bar

and feedback with suggestions and warning messages to help choose better passwords.

[Live Demo](https://el-abdel.github.io/ngx-pwd-strength/)

## Installation

Install [zxcvbn](https://github.com/dropbox/zxcvbn) (as the lib depends on) and `NgxPwdStrength` via npm:

```sh

npm install zxcvbn3 ngx-pwd-strength --save

```

## Configuration

Import NgxPwdStrength Module into the app module

```ts

import {APP_INITIALIZER, NgModule} from '@angular/core';

import {NgxPwdStrengthModule, NgxPwdStrengthService} from "ngx-pwd-strength";

// By default password strenght suggestions is enabled, use this config to disable it

function initializePwdStrength(pwdStrength: NgxPwdStrengthService) {

  return () =>

    pwdStrength.init({

      enableFeedback: false

    });

}

@NgModule({

    imports: [

      NgxPwdStrengthModule

    ],

       providers: [

         {

           provide: APP_INITIALIZER,

           useFactory: initializePwdStrength,

           multi: true,

           deps: [NgxPwdStrengthService]

         }

       ]

})

export class AppModule { }

```

## Usage

Add `ngxPwdStrength` directive to inputs of type = password

```html

```