Este projeto foi desenvolvido como parte de um desafio para a vaga de Pessoa Desenvolvedora Front End (Vaga Afirmativa para Mulheres) na Alura.
Objetivo • Funcionalidades • Uso • Instalação • Tecnologias
O objetivo deste projeto é criar um gerador de senhas personalizável que permite aos usuários criar senhas seguras de acordo com suas preferências.
Para acessar o site clique aqui -> AQUI
- Geração de Senha: Cria senhas aleatórias com base nas características selecionadas (letras maiúsculas, minúsculas, números e símbolos).
- Tamanho da senha: Permite a escolha da quantidade de caracteres.
- Avaliação de Força: Classifica a força da senha gerada como fraca, média ou forte.
- Botões de Ação: Inclui botões para copiar a senha gerada e gerar uma nova senha.
Para determinar a força da senha, é seguido um padrão específico que considera:
-Fraca: Nenhum campo selecionado, apenas letras maiúsculas selecionado, apenas letras minúsculas selecionado, ambos letras maiúsculas e minúsculas selecionado. -Média: Letras maiúsculas, minúsculas e mais algum campo selecionado. -Forte: Todos os campos selecionados.
- Escolha as características: Marque as opções desejadas para a senha (letras maiúsculas, minúsculas, números, símbolos).
- Defina o comprimento da senha: Ajuste o tamanho da senha se necessário.
- Gere a senha: Clique no botão "Gerar Senha" para criar uma nova senha.
- Copie a senha: Utilize o botão "Copiar Senha" para copiar a senha gerada para a área de transferência.
Para executar este projeto localmente, siga estas etapas:
-
Clone o repositório:
git clone https://github.com/seu-usuario/nome-do-repositorio.git
-
Navegue até o diretório do projeto:
cd nome-do-repositorio -
Instale o SASS:
npm install -g sass
-
Compile os arquivos SASS (se necessário):
sass src/styles/main.scss:dist/styles/main.css
-
Abra o arquivo HTML em um navegador.
As seguintes ferramentas foram usadas na construção do projeto:
- HTML
- CSS
- SASS
- Javascript