Codificador de Texto

Primeiro desafio de Lógica de Programação responsivo, desenvolvido durante o curso ONE - Oracle Next Education

Assuntos: HTML | CSS | Javascript | React | Design Responsivo | Mobile First | RegEx

Sobre o Projeto

Dentre os requisitos propostos no desafio, incluiem-se:

• Implementação do projeto

  • Uso de HTML, CSS e JavaScript, onde as letras: a, e, i, o e u são convertidas na ordem por: ai, enter, imes, ober e ufat.
  • Aprofundando no uso de JavaScript para adicionar funcionalidades ao sistema.

• 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+ C ou da opção "copiar" do menu dos aplicativos.

Observações

• Conteúdo Aplicado
  • Sintaxe básica de JavaScript, JSX e CSS
  • Desenvolver soluções conforme o meu raciocínio (lógica)
  • Criar funcões anônimas
  • Utilizar arrays
  • Criar e estilizar componentes no React
  • Utilizar High-order functions
  • Mobile First
  • Aplicação de RegEx

Resultado do Projeto:

Modelo base - Figma.

Deploy - Vercel.

Desktop

Tablet

Mobile