https://github.com/briansabio/text_encryptor_challenge

Un proyecto de cifrado/descifrado de texto responsivo para Alura creado con HTML, CSS y JavaScript.
https://github.com/briansabio/text_encryptor_challenge

alura css encryption-project html javascript

Last synced: 3 months ago
JSON representation

Un proyecto de cifrado/descifrado de texto responsivo para Alura creado con HTML, CSS y JavaScript.

• Host: GitHub
• URL: https://github.com/briansabio/text_encryptor_challenge
• Owner: BrianSabio
• Created: 2024-08-23T02:03:43.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-08-25T23:48:02.000Z (10 months ago)
• Last Synced: 2025-02-13T07:48:29.251Z (5 months ago)
• Topics: alura, css, encryption-project, html, javascript
• Language: CSS
• Homepage: https://briansabio.github.io/Text_encryptor_challenge/
• Size: 211 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        

## Sitio con programa de encriptación y desencriptación de texto

![Encriptador de texto](/assets/Decodificador%20de%20texto.png "Encriptador de texto")

Este es un proyecto Responsive Design y Mobile First en el cual se toma un texto ingresado (que sólo acepta minúsculas y espacios) y permite cifrarlo o descifrarlo a partir de las siguientes "llaves" de encriptación:

	La letra "e" es convertida para "enter"

	La letra "i" es convertida para "imes"

	La letra "a" es convertida para "ai"

	La letra "o" es convertida para "ober"

	La letra "u" es convertida para "ufat"

### Casos de uso:

~~~

"gato" => "gaitober"

gaitober" => "gato"

~~~

	"maria" => "mairimesai"

	"mairimesai" => "maria"

![html icon](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white

 "HTML") ![css icon](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white

"CSS") ![JavaScript icon](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=JavaScript&logoColor=white

 "JavaScript")

El proyecto se desarrolla con los lenguajes HTML, CSS y JavaScript.

Por parte del CSS se hace uso de variables, reglas como @keyframes y @media.

Con JavaScript se utilizan funciones, sintaxis de manipulación de nodos y elementos con DOM, manejo de excepciones con try/catch y sintaxis async/await para funciones asincrónicas.

### La plantilla se compone del header, el main con dos divisiones y el footer:

 - En el header se sitúa el ícono del sitio.

 - Dentro de la primera división, en el primer section, se encuentra el imput del programa con la leyenda por defecto 'Ingrese el texto aquí'.

 - Siguiendo en la primera división, en el segundo section, se hallan dos div, uno con un ícono y un párrafo con la leyenda 'Sólo letras minúsculas y sin acentos'. El otro div incluye los botones 'Encriptar' y 'Desencriptar'.

 - Dentro de la segunda división, en el tercer section, se sitúa un div con el output del programa, por defecto el párrafo 'Ningún mensaje fue encontrado' junto con otro párrafo debajo, de menor tamaño, con la leyenda 'Ingresa el texto que desees encriptar o desencriptar'.

 - En el footer se encuentran los datos del autor junto con el año de creación y la leyenda de los derechos reservados.

##### Escritorio



##### Móvil



#### Link al sitio:

**[https://briansabio.github.io/Text_encryptor_challenge/](https://briansabio.github.io/Text_encryptor_challenge/)**

![works on my machine](https://forthebadge.com/images/badges/works-on-my-machine.svg)

![Creado por Brian Sabio](http://ForTheBadge.com/images/badges/built-with-love.svg "Creado por Brian Sabio")

***by Brian Sabio***