PWRando é um gerador de senhas com aparência de terminal, desenvolvido para proporcionar uma experiência diferenciada e interativa. O projeto foi criado utilizando React e Tailwind CSS, com suporte a comandos simples que permitem ao usuário navegar e gerar senhas diretamente na interface estilo terminal.
- Comandos Disponíveis:
help: Exibe a lista de comandos disponíveis e suas descrições.see: Mostra as senhas geradas anteriormente na sessão.generate: Gera uma nova senha com base nos critérios definidos.clear: Limpa o histórico de senhas e a saída do terminal.about: Fornece informações sobre o PWRando.
- Suporte a armazenamento de comandos e histórico utilizando
sessionStorage.
- React: Utilizado para a construção da interface do usuário.
- Tailwind CSS: Framework de CSS para estilizar o projeto com agilidade e responsividade.
- sessionStorage: Armazena os comandos e outputs temporariamente durante a sessão.
- Abra o site e explore a interface estilo terminal.
- Digite
helppara ver a lista de comandos disponíveis. - Use o comando
generatepara criar uma nova senha. - Utilize
seepara visualizar as senhas já geradas. - Para limpar o terminal, utilize o comando
clear. - Descubra mais sobre o projeto digitando
about.
- O PWRando foi criado com o objetivo de gerar senhas seguras e práticas para uso geral.
- Certifique-se de armazenar as senhas com segurança, pois o site não mantém um histórico persistente após o encerramento da sessão.
A aplicação está disponível online. Acesse pelo link abaixo para explorar e utilizar o PWRando:
Você pode visualizar o design do projeto no Figma pelo link abaixo:
Para rodar o projeto localmente, siga os passos abaixo:
-
Clone este repositório:
git clone https://github.com/Cavisc/pwrando.git
-
Navegue até o diretório do projeto:
cd pwrando -
Instale as dependências:
npm install
-
Execute o servidor de desenvolvimento:
npm run dev
-
Abra o navegador e acesse o endereço fornecido no terminal (geralmente, será algo como http://localhost:3000 ou http://127.0.0.1:5173).