/challenge-encriptador-one

Implementación del primer challenge del programa ONE (Oracle Next Education).

Primary LanguageCSS

Encriptador y Desencriptador

Hola! esta es mi solución al primer challenge propuesto en ONE (Oracle Next Education). La aplicación en cuestión te permite encriptar y desencriptar mensajes utilizando reglas específicas.

Reglas Predefinidas

El Encriptador y Desencriptador utiliza las siguientes reglas predefinidas para encriptar y desencriptar mensajes:

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

Características

  • Encripta mensajes según reglas predefinidas.
  • Desencripta mensajes encriptados utilizando las mismas reglas.
  • Interfaz de usuario amigable.
  • Utiliza GSAP para animaciones suaves.
  • Emite alertas con SweetAlert para notificaciones claras.

Tecnologías Utilizadas

  • HTML5
  • CSS3 (sin preprocesadores)
  • Vanilla JavaScript
  • GSAP (GreenSock Animation Platform)
  • SweetAlert

Cómo Usar

  1. Ingresa un mensaje en el campo de texto.
  2. Haz clic en el botón "Encriptar" para encriptar el mensaje.
  3. Para desencriptar un mensaje encriptado, haz clic en el botón "Desencriptar".
  4. Se mostrará el mensaje encriptado o desencriptado en el área correspondiente.
  5. Se utilizarán animaciones suaves para mejorar la experiencia del usuario.
  6. Las alertas se emitirán con SweetAlert para notificar al usuario sobre el estado de la operación.

Demo

Puedes encontrar una demostración en vivo de la aplicación aquí.

Screenshots

Captura de Pantalla 1 Captura de Pantalla 2

Instalación

No se requiere instalación. Simplemente abre el archivo HTML en tu navegador web para usar la aplicación.


¡Gracias a los profesores Christian Velasco y Leonardo Castillo por su excelente explicación a lo largo de todos los cursos! Por lo demás, cualquier feedback es bienvenido.