Text encoder/decoder

This project is a web page developed in HTML, CSS and JS to solve the first challenge of the Oracle Next Education LATAM program.

Link

https://b3z3.github.io/cipher-challenge-oracle/

The challenge

Put into practice everything learned during the first 10 courses by building a website in a 2-week sprint that can cipher and decipher the text entered by the user according to requirements proposed by the Alura LATAM team.

Encoding keys

Key	Value
a	ai
e	enter
i	imes
o	ober
u	ufat

And vice versa.

Requirements

Only lowercase letters and without accents are accepted.
It must be possible to convert a word and for the encrypted version to return the original version.
The page must have fields for inserting the text to be encoded or decoded, and the user must be able to choose between both options.
The result must be displayed on the screen.
It must contain a button that copies the resulting text (having the same functionality as ctrl + c).

The design

This is the design made in Figma that we received to build on or otherwise we could make a customized one.