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.
- Descripción
- Características
- Tecnologías Utilizadas
- Instalación
- Uso
- Estructura del Proyecto
- Contribuciones
- Licencia
- Contacto
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.
- 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.
- HTML5
- CSS3
- JavaScript
- Google Fonts
- Clona este repositorio en tu máquina local.
git clone https://github.com/tu-usuario/encriptador-desencriptador.git
- Navega al directorio del proyecto.
cd encriptador-desencriptador
- Abre el archivo
index.html
en tu navegador preferido.
- Ingresa el texto que deseas encriptar o desencriptar en el área de texto.
- Haz clic en el botón "Encriptar" o "Desencriptar" según la acción que desees realizar.
- El resultado se mostrará en el área de texto de resultados.
- Puedes copiar el resultado al portapapeles haciendo clic en el botón "Copiar".
- Recibirás alertas cuando intentes ingresar texto que no cumpla con las reglas especificadas, como texto con letras mayúsculas, acentos o caracteres especiales.
- Recibirás un mensaje cada vez que intentes utilizar los botones "Encriptar" o "Desencriptar" sin haber ingresado ningún texto.
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.
Para preguntas, sugerencias o comentarios, puedes contactarme a través de:
- Email: mouresebastian@yahoo.com.ar
- GitHub: @Seb-RM