Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/migmm/alura_challenge-desafio_1-logica

Encriptador creado como tarea para el challenge 1 de logica de programación del curso de Alura con ONE Oracle Next Education
https://github.com/migmm/alura_challenge-desafio_1-logica

css html javascript

Last synced: 1 day ago
JSON representation

Encriptador creado como tarea para el challenge 1 de logica de programación del curso de Alura con ONE Oracle Next Education

Awesome Lists containing this project

README

        

# CHALLENGE - DESAFÍO 1 - LÓGICA


Logo

## Encriptador de texto

El desafío consiste en desarrollar una página web que permita cifrar y descifrar el texto ingresado por el usuario, mostrando su forma cifrada o descifrada. El propósito de este desafío es evaluar los conocimientos adquiridos durante el curso "Principiante en programación".

## Deploy

https://migmm.github.io/alura_challenge-desafio_1-logica/

## Características técnicas

Las "llaves" de encriptación que utilizaremos son las siguientes:

- 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"

## 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.

Por ejemplo:
"gato" => "gaitober"
gaitober" => "gato"

- La página debe tener campos para
- inserción del texto que será encriptado o desencriptado, y el usuario debe poder escoger entre las dos opciones.
- El resultado debe ser mostrado en la pantalla.

## 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+C o de la opción "copiar" del menú de las aplicaciones.
- Como agregado se pasa a minúscula el texto por medio de JS, y solo lanza error cuando hay un caracter no aceptado.
- Se le agregó estilos al hover y active los botones.

## Lenguajes utilizados:

* ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
* ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
* ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

## Figma del proyecto (provisto por Alura)

https://www.figma.com/design/trP3p5nEh7XUyB3n2bomjP/Alura-Challenge---Desaf%C3%ADo-1---L%C3%B3gica?node-id=0-1

## Texto de ejemplo para usar con el encriptador

Lorem ipsum dolor sit amet consectetur adipisicing elit Repudiandae reiciendis et repellendus nesciunt quas inventore corporis quasi aliquid cupiditate Cum et Repellendus nihil Dolores fugit quod perferendis itaque distinctio accusamus Consectetur quaerat veniam cum pariatur tempore ipsa ea explicabo in officia aliquam maiores iusto earum cumque a numquam cupiditate nobis

## Capturas de pantalla


Captura de pantalla del encriptador


Captura de pantalla del encriptador


Captura de pantalla del encriptador


Captura de pantalla del encriptador


Captura de pantalla del encriptador


Captura de pantalla del encriptador