encriptador-de-texto
encriptador-de-texto copied to clipboard
Challenge - Encriptador de texto
Encriptador de texto
Proyecto propuesto por alura:
Desarrollar un encriptador que permite tanto encriptar como desencriptar texto siguiendo ciertas reglas que se indican a continuación:
:key: Llaves
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"
:clipboard: Requisitos
-
Debe funcionar solo con letras minúsculas
-
No deben ser utilizados letras con acentos ni caracteres especiales
-
Debe ser posible convertir una palabra para la versión encriptada también devolver una palabra encriptada para su versión original.
-
La página debe tener campos para inserción del texto que será encriptado o desencriptado, y el usuario debe poder escoger entre as dos opciones.
-
El resultado debe ser mostrado en la pantalla.
:heavy_plus_sign: Extras
- Un botón que copie el texto encriptado/desencriptado para la sección de transferencia, o sea que tenga la misma funcionalidad del
ctrl+Co de la opción "copiar" del menú de las aplicaciones.
Screenshots

:rocket: Despliegue
Puedes ver el proyecto desplegado en este enlace
:art: Colores
| Color | Hex |
|---|---|
| Dark blue 100 | #609ED4 |
| Dark blue 200 | #356EA9 |
| Dark blue 300 | #0A3871 |
| Dark blue 400 | #072B61 |
| Dark blue 500 | #052051 |
| Light blue 100 | #F3F5FC |
| Light blue 200 | #EFF1FA |
| Light blue 300 | #E9ECF8 |
| Light blue 400 | #AAB2D5 |
| Light blue 500 | #757FB2 |
| Gray 100 | #CED4DA |
| Gray 200 | #ADB5BD |
| Gray 300 | #868E96 |
| Gray 400 | #495057 |
| Gray 500 | #343A40 |
🛠 Stack
Javascript, HTML, CSS