Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/briansabio/text_encryptor_challenge
A responsive text encryption/decryption project for Alura created with HTML, CSS and JavaScript.
https://github.com/briansabio/text_encryptor_challenge
alura css encryption-project html javascript
Last synced: 16 days ago
JSON representation
A responsive text encryption/decryption project for Alura created with HTML, CSS and JavaScript.
- Host: GitHub
- URL: https://github.com/briansabio/text_encryptor_challenge
- Owner: BrianSabio
- Created: 2024-08-23T02:03:43.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T23:48:02.000Z (4 months ago)
- Last Synced: 2024-08-26T04:38:52.274Z (4 months ago)
- Topics: alura, css, encryption-project, html, javascript
- Language: CSS
- Homepage: https://briansabio.github.io/Text_encryptor_challenge/
- Size: 211 KB
- Stars: 0
- 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
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"
  
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/)**
***by Brian Sabio***