Introducing the Ultimate Password Generator: Your Key to Online Security

Amit Das — Sun, 19 May 2024 14:15:55 +0000

In today's digital age, strong and secure passwords are essential to protect your online presence. I am excited to introduce a new easy Password Generator, a web-based application designed to help you create robust passwords effortlessly. With a user-friendly interface and advanced security features, our Password Generator ensures your online accounts remain safe from potential threats.

Key Features:

Customizable Password Length: Generate passwords ranging from 8 to max characters.
Character Set Options: Include or exclude uppercase letters, lowercase letters, numbers, and special characters based on your preferences.
Secure Password Generation: Utilizes the crypto API for cryptographically secure random number generation.
Easy Copy Functionality: Copy the generated password to your clipboard with a single click, complete with visual feedback.
Responsive Design: Access the application seamlessly on both desktop and mobile devices.
Privacy Assurance: All generated passwords are created locally on your device and are not stored anywhere.

Live Demo

Experience the ease and security of our Password Generator. Check out the live demo here.

Why Use Our Password Generator?

With the increasing number of data breaches and cyber threats, it’s more important than ever to use strong, unique passwords for your online accounts. Our Password Generator provides an easy-to-use solution that helps you create complex passwords that are difficult to crack. Whether you need a password for a single account or multiple accounts, our tool has you covered. Rest assured, all generated passwords are created locally on your device and are not stored anywhere, ensuring your privacy and security.

Contributing

We welcome contributions from the community! If you have suggestions for improvements or find any bugs, please open an issue or submit a pull request on our GitHub repository.

Stay Connected

LinkedIn: Techindeck
GitHub: Your GitHub

License

This project is licensed under the MIT License. For more details, see the LICENSE file in our repository.

Angular RxJS Unsubscriber

Amit Das — Sat, 04 Mar 2023 18:31:15 +0000

Unsubscriber

Unsubscriber for RxJS subscription to unsubscribe.

In Angular, we commonly used an RxJS subscription but sometimes we forget to unsubscribe it, which causes a memory leak. The advantages of using the Unsubscriber are that there is no need to manage the individual variables and unsubscribe to them (of course, it works fine, but it requires a little bit more code to write). Unsubscriber is a simple class to absorb RxJS subscriptions in an array.

Call unsubscribe() to unsubscribe all of them, as you would do
in your component library's unmount/onDestroy lifecycle event.

Installation

npm install unsubscriber --save

Angular examples

There are 2 main ways to use the Unsubscriber: the "setter" way and the "add/array" way.

RxJS supports adding subscriptions to an array of subscriptions. You can then unsubscribe directly from that array. If you prefer this technique with Unsubscriber using the setter syntax below, then use that.

Technique Setter - Syntax

Example using the queue property to collect the subscriptions using a setter.

export class ExampleComponent implements OnDestroy {
  private bus = new Unsubscriber();

  ...
  this.bus.queue = observable$.subscribe(...);
  this.bus.queue = observable$.subscribe(...);
  this.bus.queue = observable$.subscribe(...);
  ...

  // Unsubscribe all subscription when the component dies/destroyed
  ngOnDestroy() {
    this.bus.unsubscribe();
  }
}

Technique Array/Add - Syntax

Example using the .add technique. This is similar to what RxJS supports out of the box.

export class ExampleComponent implements OnDestroy {
  private bus = new Unsubscriber();

  ...

  this.bus.add(observable$.subscribe(...)); 

  this.bus.add(observable$.subscribe(...)); 

  // Add multiple subscriptions at the same time
  this.bus.add( 
    observable1$.subscribe(...),
    observable2$.subscribe(...),
    anotherObservable$.subscribe(...)
  ); 

  ...

  // Unsubscribe all subscription when the component dies/destroyed
  ngOnDestroy() {
    this.bus.unsubscribe();
  }
}

Github Techindeck

DEV Community: Amit Das