/decodificador-de-mensagens

Desafio do Programa ONE - Oracle Next Education com a Alura, no qual recebemos a missão de criar um decodificador de textos, conforme detalhado no ReadMe.

Primary LanguageCSSMIT LicenseMIT

(Des)Criptografe suas mensagens

Projeto de Decodificador de Textos

Desafio do Programa ONE - Oracle Next Education com a Alura, no qual recebemos a missão de criar um decodificador de textos, conforme será detalhado a seguir.
Acabei resubindo o projeto depois de alguns conflitos internos.

Índice:

  1. Requisitos
  2. Extras
  3. Minhas implementações
  4. Tecnologias utilizadas
  5. Imagens do projeto
  6. Como usar
  7. Autora e contato
  8. Licença
  9. Status do Projeto

1. Requisitos

A criptografia deve conter as seguintes características:

  • As "chaves" de criptografia que utilizaremos 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";
  • 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 ✔️
  • 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 ✔️

2. 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+C ou da opção "copiar" do menu dos aplicativos. ✔️
  • Além, é claro, de aprender/se habituar a mexer na ferramenta de organização/gestão Trello.

3. Minhas implementações

  • Design responsivo para desktop (1920 x 1080/1440 x 1024), tablet (768 x 1174) e celular (375 x 933);
  • Validação do texto inserido, de modo a permitir apenas letras minúsculas e caracteres sem acento. Caso o usuário insira algum desses, aparecerá um aviso na tela para que o usuário siga as instruções;
  • Botão "Copiar" que só aparece após clicar em "Criptografar" ou "Descriptografar";
  • Alerta após clicar no botão "Copiar".

4. Linguagens/tecnologias utilizadas


JavaScript CSS3 HTML5

5. Imagens do projeto

Página inicial desktop
Página com um dos erros (mensagem em branco) desktop
Página mensagem criptografada desktop
Página inicial tablet Página com um dos erros (mensagem fora dos padrões) tablet Página mensagem criptografada tablet Página inicial mobile Página com um dos erros (mensagem fora dos padrões) mobile Página mensagem criptografada mobile

6. Como usar

Para acessar e decodificar suas mensagens, clique aqui.

7. Autora e contato

LinkedIn

8. Licença

License

9. Status do projeto

  • Funcional;
  • Responsivo (desktop (1920 x 1080/1440 x 1024), tablet (768 x 1174) e celular (375 x 933));
  • Concluído, porém sujeito a modificações.