Desenvolvido durante Janeiro/Fevereiro de 2024 como desafio proposto pelo ONE (Oracle Next Education) em parceria com a Alura 🚀⚡.
Se trata de uma aplicação que criptografa e descriptografa textos, assim você poderá trocar mensagens secretas com outras pessoas que saibam o segredo da criptografia utilizada.
As "chaves" de criptografia utilizadas são:
A letra "e" é convertida para "enter"A letra "i" é convertida para "imes"A letra "a" é convertida para "ai"A letra "o" é convertida para "ober"A letra "u" é convertida para "ufat"
Requisitos:
-
Deve funcionar apenas com letras minúsculas
-
Não devem ser utilizados letras com acentos nem caracteres especiais
-
Deve ser possível converter uma palavra para a versão criptografada e também retornar uma palavra criptografada para a versão original. Por exemplo:
"gato" => "gaitober";"gaitober" => "gato" -
A página deve ter campos para inserção do texto a ser criptografado ou descriptografado, e a pessoa usuária deve poder escolher entre as duas opções
-
O resultado deve ser exibido na tela.
Extras:
- Um botão que copie o texto criptografado/descriptografado para a área de transferência - ou seja, que tenha a mesma funcionalidade do
ctrl+Cou da opção "copiar" do menu dos aplicativos.
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML5/CSS3: Estruturação/Estilização
- JavaScript: Funcionalidades do app
- Figma: Design
- Trello: Gerenciamento de Sprints
- Git/Github: Versionamento de código
No geral em termos das principais funcionalidades está tudo ok, porém há a necessidade de refatoração do código para deixar mais enxuto, e adicionar mais estilização para acessibilidade de outros dispositivos. Além disso, pretendo adicionar outras Toast Notifcations para quando o usuário criptografar, descriptografar ou copiar ele possa receber um aviso de sucesso para cada ação.
- How To Create A Toast Notification in Javascript - Aprenda a criar um toast com JavaScript e CSS.
- How to Code an Animated Toast Notification with JavaScript - Adicionar notificações fáceis de usar é crucial para criar uma experiência de usuário agradável para muitos sites e aplicativos. Um tipo popular de notificação é a notificação de “toast” – uma pequena mensagem pop-up que aparece na tela para informar os usuários sobre um evento ou ação.
- Concrete JavaScript regular expression for accented characters (diacritics) - Um tópico no stackoverflow explicando sobre Regex.
- JavaScript String replace() - Aqui há uma explicação prática da função replace() do JavaScript.
João Alison TI 👨🏽💻
2024