Skip to content

ClaudiOmatheuuss/encriptador-de-texto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 

Repository files navigation

encriptador-de-texto

Solução do primeiro desafio do programa Oracle Next Education - Turma 5 | Deploy: https://claudiomatheuuss.github.io/encriptador-de-texto/

Esse projeto foi desenvolvido usando HTML, CSS e JS.

figma a ser seguido: https://www.figma.com/file/tvFEYhVfZTjdJ5P24RGV21/Alura-Challenge---Desafio-1---L%C3%B3gica?type=design&node-id=0-1&mode=design

As "chaves" de criptografia que são utilizadas:
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"

Por exemplo:
"onibus" => "obernimesbufats"
"obernimesbufats" => "onibus"


Ao clicar em Criptograr com a mensagem escrita normalmente no input você poderá visualizar uma mensagem com o texto criptografado.

Você também pode fazer o processo inverso escrevendo uma mensagem já criptografada seguindo as regras acima obtendo após o clique no botão Descriptografar a mensagem com seu texto 	desicriptografado.

Ao clicar no botão Copiar será exibido um alerta para indicar que você conseguiu copiar a mensagem Criptografada ou Descriptograda.

===================================================================================================================================================================================== FEATURES

  • Animações: botão copiar.
  • Responsividade: Layout responsivo atendendo tanto a necessidade de posicionamento de elementos para desktop quanto para dispositivos móveis.

=====================================================================================================================================================================================

===================================================================================================================================================================================== LAYOUTS

---------------- Desktop ----------------

a

---------------- Tablet ----------------

image

---------------- Smartphone ----------------

WhatsApp Image 2023-06-13 at 08 14 17

WhatsApp Image 2023-06-13 at 08 14 17 (1)

=====================================================================================================================================================================================

.mp4

Encriptador_video.mp4

.gif

Encriptador_video_AdobeExpress

===================================================================================================================================================================================== Dica: Você pode usar o site para brincar de detetive com um amigo. Vamos lá!! Nome do jogo: Detective Game

Um jogador fica encarregado por assumir o papel de detetive e o outro por ser o enigmista.

Nesse jogo o detetive é quem vai tentar adivinhar qual mensagem o enigmista encriptou.

Ao passar das rodadas você e seu amigo podem trocar os papeis. A rodada consiste em um melhor de 3 onde o detetive pode consultar as regras de criptografia apenas uma vez antes 	de começar a rodada. Ao término de cada rodada os papéis são invertidos.

NÃO É PERMITIDO FRASES COM MAIS DE DUAS PALAVRAS!!

=====================================================================================================================================================================================

Divirta-se ;)