An open API service indexing awesome lists of open source software.

https://github.com/venkat-0706/strongpass-generator

A web-based application using HTML, CSS, and JavaScript to generate secure, customizable passwords with options for length, character types, and a copy-to-clipboard feature.
https://github.com/venkat-0706/strongpass-generator

css cyber-security front-end-development html javascript open-source password-generator responsive-design userinterface web-development

Last synced: about 2 months ago
JSON representation

A web-based application using HTML, CSS, and JavaScript to generate secure, customizable passwords with options for length, character types, and a copy-to-clipboard feature.

Awesome Lists containing this project

README

          

A **Strong Password Generator** is a simple web-based application that allows users to generate secure, random passwords. The application is built using **HTML**, **CSS**, and **JavaScript** to provide a user-friendly interface and functionality.

## Features

- **Customizable Password Length**: Users can select the desired length of the password (e.g., 8-20 characters).
- **Character Options**: Users can include/exclude:
- Uppercase letters
- Lowercase letters
- Numbers
- Special characters (e.g., `!@#$%^&*`)
- **Real-Time Preview**: The generated password is displayed dynamically as options are selected.
- **Copy to Clipboard**: Users can easily copy the generated password with a single click.
- **Responsive Design**: Works seamlessly across devices, including desktops, tablets, and mobile phones.

## Technology Stack

- **HTML**: Structure of the application
- **CSS**: Styling and layout
- **JavaScript**: Functionality and interactivity

## How It Works

1. **Password Criteria Selection**:
- Users choose the desired password length and toggle options for uppercase, lowercase, numbers, and special characters.
2. **Password Generation**:
- JavaScript logic generates a random password based on the selected criteria.
3. **User Interaction**:
- Users can click the "Generate Password" button to create a password.
- The "Copy" button allows users to copy the generated password to the clipboard.

## Code Snippet (JavaScript Logic Example)

```javascript
function generatePassword(length, options) {
const upperCase = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
const lowerCase = "abcdefghijklmnopqrstuvwxyz";
const numbers = "0123456789";
const specialChars = "!@#$%^&*()_+[]{}|;:,.<>?";

let characters = "";
if (options.uppercase) characters += upperCase;
if (options.lowercase) characters += lowerCase;
if (options.numbers) characters += numbers;
if (options.specialChars) characters += specialChars;

let password = "";
for (let i = 0; i < length; i++) {
const randomIndex = Math.floor(Math.random() * characters.length);
password += characters[randomIndex];
}

return password;
}
```

## Installation and Usage

1. Clone the repository:
```bash
git clone https://github.com/venkat-0706/strong-password-generator.git
```
2. Open the `index.html` file in a web browser.
3. Customize the password options and click "Generate Password."

## Live Demo
[Click Here]( https://venkat-0706.github.io/StrongPass-Generator/)

## Screenshots

![Password Generator UI](https://res.cloudinary.com/dhmixzenl/image/upload/v1736153441/CsidsxA-uyzoEbzrAPWAgMDBIAxZI--GR2gj77cGzAbMSAsi-DorKKNWrcWmnXYEZpOSIf94LnPMLU4UC-rSQlXjkg_w640-h400-e365-rj-sc0x00ffffff_b3gfn7.jpg)

## Future Enhancements

- Save generated passwords locally or in a database.
- Add strength indicators (e.g., weak, medium, strong).
- Support for multilingual interface.

## Contributions

Contributions are welcome! Feel free to open issues or submit pull requests.

## License

This project is licensed under the [MIT License](LICENSE).