Desafío Encriptador

Este proyecto es una página web que permite encriptar y desencriptar mensajes de texto utilizando un conjunto específico de llaves de encriptación. Su propósito es transformar mensajes comunes en un formato cifrado y viceversa, añadiendo una capa de seguridad para la comunicación de texto simple.

Este proyecto se desarrolló como parte del curso de programación de:

Alura + OracleONE

Requisitos del Desafío

Las "llaves" de encriptación utilizadas son:

• La letra "e" se convierte en "enter"
• La letra "i" se convierte en "imes"
• La letra "a" se convierte en "ai"
• La letra "o" se convierte en "ober"
• La letra "u" se convierte en "ufat"

El proyecto debe cumplir:

• ✅ Debe funcionar solo con letras minúsculas.
• ✅ No se deben utilizar letras acentuadas ni caracteres especiales.
• ✅ Debe permitir convertir una palabra a su versión encriptada y devolver una palabra encriptada a su versión original.
• ✅ La página debe incluir un campo para la inserción de texto, y el usuario debe poder elegir entre encriptar o desencriptar.
• ✅ El resultado debe mostrarse en la pantalla.
• ✅ Extra: Un botón que copie el texto encriptado/desencriptado.

Estructura del Proyecto

El proyecto está organizado en los siguientes archivos y carpetas:

• index.html: Archivo principal que contiene la estructura HTML de la página web.
• src: Carpeta con los archivos de código fuente:
  • styles.css: Archivo CSS que define los estilos de la página, garantizando una interfaz atractiva y responsiva.
  • script.js: Archivo JavaScript que maneja la lógica de encriptación, desencriptación y otras funcionalidades interactivas.
• assets: Carpeta con los recursos multimedia del proyecto:
  • Imágenes y SVGs: Archivos gráficos utilizados en la interfaz, como íconos y logotipos.

Diseño de la Interfaz

1. Título y Logo del Proyecto
2. Área de Información y Contacto
3. Campo de Entrada de Texto
4. Campo de Salida de Texto
5. Alerta de Entrada Incorrecta
6. Botón para Encriptar Texto
7. Botón para Desencriptar Texto
8. Botón de Limpiar
9. Botón de Copiar

Diseño Responsivo

Funcionalidades

• Encriptar Texto: Convierte el texto ingresado a un formato cifrado utilizando las llaves de encriptación.
• Desencriptar Texto: Transforma el texto cifrado de vuelta a su formato original.
• Copiar Texto: Permite copiar el texto resultante al portapapeles con un solo clic.
• Limpiar/Reiniciar: Borra el contenido del área de texto y cualquier resultado previamente generado, reiniciando la página para una nueva operación.

Características

• Cambio de Modo: Alterna fácilmente entre encriptar y desencriptar con un botón.
• Visibilidad Dinámica: Los botones de limpiar y copiar solo aparecen cuando son necesarios, optimizando la interfaz.
• Diseño Responsivo: Se adapta a diferentes tamaños de pantalla, proporcionando una experiencia óptima en dispositivos móviles y de escritorio.
• Alertas Contextuales: Las alertas se ajustan según el tipo de parámetro incorrecto ingresado, ofreciendo retroalimentación precisa al usuario.

Instrucciones de Uso

1. Abre el enlace del proyecto ➡️ 🔒Desafio Encriptador
2. Ingresa el texto que deseas encriptar o desencriptar en el campo de entrada.
3. Haz clic en el botón "Encriptar" para convertir el texto a un formato cifrado.
4. Haz clic en el botón "Desencriptar" para devolver el texto cifrado a su formato original.
5. Usa el botón "Copiar" para copiar el texto resultante al portapapeles.
6. Utiliza el botón "Limpiar" para borrar el contenido del área de texto y reiniciar el proceso.

Contáctame

¡Si te gustó mi proyecto, no olvides darle una estrella ⭐ al repositorio para ayudar a mejorar su visibilidad!

Si tienes alguna pregunta o comentario sobre el código o las funcionalidades, no dudes en ponerte en contacto conmigo a través de:

   

Agradecimientos

Agradezco al equipo de OracleONE y Alura por los recursos y el apoyo necesarios para el desarrollo de este proyecto.