https://github.com/marharita08/passwordchecker

PasswordChecker is an Angular application designed to assess the strength of passwords. (TypeScript, Angular)
https://github.com/marharita08/passwordchecker

angular password password-checker password-strength single-page-app typescript webapp

Last synced: 8 days ago
JSON representation

PasswordChecker is an Angular application designed to assess the strength of passwords. (TypeScript, Angular)

• Host: GitHub
• URL: https://github.com/marharita08/passwordchecker
• Owner: marharita08
• Created: 2023-07-22T14:40:04.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-19T17:22:12.000Z (about 1 year ago)
• Last Synced: 2024-11-21T14:42:33.910Z (2 months ago)
• Topics: angular, password, password-checker, password-strength, single-page-app, typescript, webapp
• Language: TypeScript
• Homepage: https://marharita08.github.io/PasswordChecker/
• Size: 264 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PasswordChecker

PasswordChecker is an Angular application designed to assess the strength of passwords. This application provides a visual representation of the password strength using three color-coded sections.

## Password Strength Criteria

The password strength is represented using the following color-coded sections:

- Gray Sections (Empty Field): If the password field is empty, all sections are displayed in gray.

- Red Sections (Short Password): If the password contains fewer than 8 characters, all sections are displayed in red.

- Red Section (Easy Password): If the password is considered easy, only the first section is displayed in red, and the rest are gray.

- Yellow Sections (Medium Password): If the password is of medium strength, the first two sections are displayed in yellow, and the last one is gray.

- Green Sections (Strong Password): If the password is strong, all sections are displayed in green.

## Prerequisites

Before running the PasswordChecker application, ensure you have the following prerequisites installed on your system:

- Node.js

- Angular CLI

## Installation

1. Clone the repository: `git clone https://github.com/marharita08/PasswordChecker`

2. Navigate to the project directory: `cd PasswordChecker`

3. Install the dependencies: `npm install`

## Usage

1. Run the development server: `ng serve`

2. Open your browser and visit: `http://localhost:4200`

## Screenshots

![Screenshot 1](screenshots/Screenshot_1.png)

![Screenshot 2](screenshots/Screenshot_2.png)

![Screenshot 3](screenshots/Screenshot_3.png)

![Screenshot 4](screenshots/Screenshot_4.png)

![Screenshot 5](screenshots/Screenshot_5.png)