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

https://github.com/arlesson-sales/passwordgenerator

Um gerador de senhas simples e eficiente, desenvolvido com JavaScript, HTML e CSS puro. Permite criar senhas personalizadas com letras maiúsculas, números e símbolos, além de incluir uma barra de segurança que indica o nível de robustez da senha gerada. Ideal para quem busca praticidade e segurança na criação de senhas!
https://github.com/arlesson-sales/passwordgenerator

css css3 html html5 javascript js password-generator

Last synced: about 1 month ago
JSON representation

Um gerador de senhas simples e eficiente, desenvolvido com JavaScript, HTML e CSS puro. Permite criar senhas personalizadas com letras maiúsculas, números e símbolos, além de incluir uma barra de segurança que indica o nível de robustez da senha gerada. Ideal para quem busca praticidade e segurança na criação de senhas!

Awesome Lists containing this project

README

        

# 🎒 Gerador de Senhas Seguras 🔐

Este projeto é um gerador de senhas seguras desenvolvido com **JavaScript**, **HTML** e **CSS puro**. Ele permite criar senhas personalizadas com base em critérios configuráveis, como uso de letras maiúsculas, números e símbolos. Além disso, o projeto inclui uma barra de segurança que indica o nível de robustez da senha gerada.

## 🚀 Funcionalidades

- **Geração de senhas personalizadas**:
- Tamanho ajustável através de um controle deslizante.
- Inclusão de letras maiúsculas, números e símbolos.
- **Indicador de segurança**:
- Barra visual que mostra o nível de segurança da senha gerada.
- **Copiar senha**:
- Botão para copiar a senha gerada diretamente para a área de transferência.
- **Interface simples e intuitiva**:
- Design limpo e fácil de usar.

## 🛠️ Como Usar

1. **Ajuste o tamanho da senha**:
- Use o controle deslizante para definir o comprimento da senha desejada.

2. **Selecione os critérios**:
- Marque as caixas de seleção para incluir letras maiúsculas, números e símbolos.

3. **Gere a senha**:
- Clique no botão "Gerar Senha" para criar uma nova senha com base nas configurações selecionadas.

4. **Copie a senha**:
- Clique no botão de cópia para salvar a senha gerada na área de transferência.

## 🖥️ Tecnologias Utilizadas

- **HTML**: Estrutura da interface do usuário.
- **CSS**: Estilização e design responsivo.
- **JavaScript**: Lógica de geração de senhas e interatividade.

## 🎨 Exemplo de Interface

![Exemplo de Interface](./assets/interface.png)