Encriptador/Desencriptador de Texto

Este proyecto es una aplicación web sencilla que permite encriptar y desencriptar texto según reglas específicas. La aplicación está desarrollada con HTML, CSS y JavaScript, y es completamente responsive, adaptándose a dispositivos móviles, tablets y escritorios.

Índice

1. Descripción
2. Características
3. Tecnologías Utilizadas
4. Instalación
5. Uso
6. Estructura del Proyecto
7. Contribuciones
8. Licencia
9. Contacto

Descripción

El propósito de esta aplicación es proporcionar una manera sencilla de encriptar y desencriptar mensajes. Es ideal para demostraciones educativas, ejercicios de codificación, o simplemente para tener una herramienta divertida de codificación de texto.

Características

• Encriptación de texto basada en reglas específicas.
• Desencriptación de texto encriptado.
• Copia de texto encriptado/desencriptado al portapapeles.
• Diseño responsive para móviles, tablets y escritorios.
• Interfaz de usuario intuitiva y fácil de usar.

Tecnologías Utilizadas

• HTML5
• CSS3
• JavaScript
• Google Fonts

Instalación

1. Clona este repositorio en tu máquina local.

   git clone https://github.com/tu-usuario/encriptador-desencriptador.git

2. Navega al directorio del proyecto.

   cd encriptador-desencriptador

3. Abre el archivo index.html en tu navegador preferido.

Uso

1. Ingresa el texto que deseas encriptar o desencriptar en el área de texto.
2. Haz clic en el botón "Encriptar" o "Desencriptar" según la acción que desees realizar.
3. El resultado se mostrará en el área de texto de resultados.
4. Puedes copiar el resultado al portapapeles haciendo clic en el botón "Copiar".
5. Recibirás alertas cuando intentes ingresar texto que no cumpla con las reglas especificadas, como texto con letras mayúsculas, acentos o caracteres especiales.
6. Recibirás un mensaje cada vez que intentes utilizar los botones "Encriptar" o "Desencriptar" sin haber ingresado ningún texto.

Estructura del Proyecto

encriptador-desencriptador/
├── assets/
├── screenshots/
├── scripts/
│ └── script.js
├── styles/
│ ├── reset.css
│ └── styles.css
├── index.html
└── README.md

• `assets/: Carpeta en la de se ubican las imágenes utilizadas en el proyecto.
• `screenshots/: Carpeta donde se ubican las imágenes que se muestran en el README del proyecto.
• scripts/script.js: Archivo JavaScript con la lógica de la funciones encriptado y desencriptado.
• styles/reset.css: Archivo de estilos CSS.
• styles/styles.css: Archivo de estilos CSS.
• index.html: Archivo HTML principal.
• README.md: Documentación del proyecto.

Contacto

Para preguntas, sugerencias o comentarios, puedes contactarme a través de:

• Email: mouresebastian@yahoo.com.ar
• GitHub: @Seb-RM