README

Encriptador y Desencriptador de Textos

Índice

1. Descripción del Proyecto
2. Tecnologías Usadas
3. Funcionalidades del Proyecto
4. Guía de Uso
5. Desarrollo
6. Referencias
7. Autor

---

Descripción del Proyecto

Este proyecto es un encriptador y desencriptador de textos desarrollado como parte de un challenge propuesto por Oracle en un bootcamp de desarrollo web. El objetivo de este proyecto es permitir a los usuarios encriptar y desencriptar mensajes de manera sencilla, utilizando un conjunto de reglas predefinidas. El desarrollo se realizó utilizando tecnologías web estándar (HTML, CSS, y JavaScript) y se ajusta al diseño provisto en Figma.

Este proyecto es parte de mi formación en frontend, y fue desarrollado siguiendo las buenas prácticas y lo aprendido en las clases del bootcamp de Alura Latam.

Tecnologías Usadas

• HTML5: Para la estructura del documento y la disposición de los elementos.
• CSS3: Para el diseño y estilo del sitio web.
• JavaScript: Para la lógica de encriptación y desencriptación de los mensajes.

Funcionalidades del Proyecto

• Encriptación de Texto: Permite convertir un texto en un formato encriptado basado en reglas específicas.
• Desencriptación de Texto: Convierte un texto encriptado de vuelta a su forma original.
• Validación de Texto: Asegura que solo se ingresen letras minúsculas sin acentos.
• Copia de Resultados: Opción para copiar el texto encriptado o desencriptado al portapapeles.
• Manejo de Errores: Mensajes de error claros y gráficos para guiar al usuario en caso de entradas inválidas.

Guía de Uso

1. Ingresa el texto que deseas encriptar o desencriptar en el área de texto.
2. Presiona el botón "Encriptar" para encriptar el texto, o "Desencriptar" para revertir la encriptación.
3. Si el texto es válido, verás el resultado en la sección lateral derecha.
4. Presiona el botón "Copiar" para copiar el resultado al portapapeles.

Desarrollo

Este proyecto fue desarrollado siguiendo el diseño proporcionado en Figma:

• Figma Design

La estructura y estilos se realizaron acorde a lo aprendido en las clases del bootcamp, aplicando los conceptos de flexbox, manejo de eventos en JavaScript, y validación de entradas.

Referencias

• Bootcamp de Desarrollo Web: Alura Latam Bootcamp
• Figma Design: Alura Challenge Figma

Autor

Carolina Zárate Infante

• GitHub
• LinkedIn

Este proyecto fue realizado en 2024 como parte del proceso de aprendizaje en desarrollo web. ¡Espero que lo disfruten y les sea útil!