Encriptador de texto - Primer proyecto HTML y JS

¡Hola a todos! Quiero compartir con ustedes mi primer proyecto llamado "Encriptador de texto". Fue una emocionante oportunidad para aplicar los conocimientos recién adquiridos en el desarrollo web utilizando HTML, CSS y JavaScript. El objetivo principal de este proyecto fue crear una aplicación que permitiera encriptar y desencriptar texto de una manera divertida y creativa. Aquí están los aspectos más destacados:

Validación de texto: Implementé una función que verifica si el texto ingresado cumple con ciertas reglas, como no contener mayúsculas, acentos o caracteres especiales. En caso de no cumplir con estas reglas, se muestra una alerta al usuario.

Encriptación de texto: Agregué una función que encripta el texto ingresado. ¿Cómo funciona? Reemplazando las vocales con un código especial.

Desencriptación de texto: Por supuesto, también incluí una función para desencriptar el texto encriptado. Esto nos permite volver al texto original y leerlo sin problemas.

Para hacer la experiencia interactiva, incorporé algunos botones:

Botón de encriptar: Al hacer clic en este botón, la función de encriptación se activa y las vocales del texto son reemplazadas por el código correspondiente.

Botón de desencriptar: Si queremos volver al texto original, simplemente hacemos clic en este botón y la función de desencriptación entra en acción.

Botón de copiar: ¿Queremos compartir el texto encriptado o desencriptado? Con este botón, podemos copiar fácilmente el contenido al portapapeles y pegarlo donde lo necesitemos.

Además, para darle estilo a la aplicación, utilicé SCSS, una poderosa herramienta que me permitió crear un diseño sencillo pero atractivo. También incorporé algunas animaciones que encontré en repositorios en línea. Fue un desafío lograr que todo encajara perfectamente, pero valió la pena. ¡El efecto del título en particular me encantó!