ENCRYPTION WEBSITE

The challenge

This project was created for the Encryption challenge of ORACLE ONE NEXT EDUCATION - ALURA LATAM 2023.

The goal was to develop a responsive encryption website that aligns with the provided designs found at: Figma and fulfill the following criteria:

• Develop an application for text encryption using the following substitution rules:
  • Replace "e" with "enter"
  • Replace "i" with "imes"
  • Replace "a" with "ai"
  • Replace "o" with "ober"
  • Replace "u" with "ufat"
• The application should only support lowercase letters and exclude accented letters and special characters.
• Enable bidirectional conversions; the application should be capable of both encrypting and decrypting text (e.g., "gato" => "gaitober" or "gaitober" => "gato").
• The webpage must provide dedicated input fields for text, offering options for both encryption and decryption. The interface must display immediate results.
• Additionally, include a button to easily copy encrypted or decrypted text to the clipboard."

Screenshot (Desktop)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Desktop to Mobile workflow
• JavaScript
• DOM Manipulation

Author

• Mara Cruz