Skip to content

DanielSaeta/Encriptador-Texto-Desafio-ONE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Challenge ONE: Dino Encriptador de Texto

Dinosaurio Investigador

Descripción 📖

Insignia Challenge Encriptador finalizado - ONE G4

#challengeonecodificador4


Encriptador y Desencriptador de texto con campo <textarea> que le permiten al usuario ingresar una palabra o frase para codificarla siguiendo las siguientes llaves de encriptación:

  • La letra "e" es convertida para "enter"
  • La letra "i" es convertida para "imes"
  • La letra "a" es convertida para "ai"
  • La letra "o" es convertida para "ober"
  • La letra "u" es convertida para "ufat"

Nota: Existe una condición para su uso correcto: Solo letras minúsculas sin acentos, sin números y sin caracteres especiales.

La palabra o frase encriptada se muestra en la sección derecha y se puede convertir dicha versión encriptada de vuelta a su versión original.

¡Personalizado con temática de Dinosaurios! 🦖🦕

Funcionalidades 🚀

  • La página tiene un campo principal <textarea> para la inserción del texto que será encriptado o desencriptado, y el usuario puede escoger entre las dos opciones.
  • El <textarea> valida si el usuario ingresa desde su teclado letras en mayúsculas, caracteres especiales, números o acentos, para mostrar una alerta indicando que no están permitidos.
  • El resultado se muestra en la pantalla en la sección derecha.
  • Existe un botón "Copiar", en la sección derecha, que permite copiar al clipboard el texto encriptado/desencriptado, de modo que si pegamos (Ctrl+V) dicho texto en el campo principal, podemos devolver una palabra encriptada para su versión original y viceversa.

Despliegue 📦

Versión Desktop:

Versión Desktop

Versión Tablet:

Versión Tablet

Versión Móvil:

Versión Móvil

Desarrolado con 🛠️

  • Estructura en HTHL5.
  • Estilos CSS (responsive).
  • Lógica de encriptación/desencriptación y resto de funcionalidades dinámicas con Javascript.

Autor ✒️

⌨️ con ❤️ por Daniel Saeteros - DanielSaeta 😊 | 📧 daniel_saeteros@outlook.com

Agradecimientos 🎁

Este proyecto se hizo realidad gracias a toda la ruta de aprendizaje que Oracle y Alura Latam hizo posible mediante el Programa ONE (Grupo 4). Gracias igualmente a todos los profesores de Alura que han impartido conocimientos valiosos y están dispuestos a ayudarnos durante este proceso.