Skip to content

jcardonamde/Project-TextEncryptor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project-TextEncryptor

👀 Preview:

Posted in the topic: https://github.com/topics/challengeonecodificador4

Description

Project-TextEncryptor is a stylized text encryptor inspired by the Matrix theme. This application allows users to encode and decode text messages simply, aiming to exchange information securely and enjoyably.


🔧 Features:

  • Text Encryption/Decryption: Encode and decode messages using custom algorithms.
  • Clipboard Functionality: Copy encrypted/decrypted text directly to the clipboard for easy sharing.
  • Responsive Design: Optimized for Desktop, Tablet, and Smartphone viewing.

Technologies Used 💻

🎨 Frontend:

  • HTML5: Structured the content using semantic elements and BEM methodology for CSS classes and components.
  • CSS3: Implemented responsive design with Media Queries, hover effects on buttons, and Flexbox for layout management.
  • Bootstrap 5: Styled the navbar, main sections, and footer; included an interactive modal in the responsive navbar.

🐆 JAVASCRIPT:

  • Functions that operate exclusively with lowercase letters.
  • Controls to handle accents and special characters.
  • Conversion functions to encrypt and decrypt words.
  • Clipboard integration for easy text copying.

🔗 Live Demo:

Experience the application live: Project-TextEncryptor Demo


🌐 User History

Work on an application that encrypts texts, so you will be able to exchange secret messages with other people who know the secret of the encryption used.

The encryption "keys" we will use are as follows:

  • The letter "e" is converted to "enter".
  • The letter "i" is converted to "imes".
  • The letter "a" is converted to "ai".
  • The letter "o" is converted to "ober".
  • The letter "u" is converted to "ufat".

How to Use

  1. Encrypt a Message:
  • Enter your text into the input field.
  • Click the "Encrypt" button.
  • The encrypted message will appear in the output section.
  1. Decrypt a Message:
  • Enter the encrypted text into the input field.
  • Click the "Decrypt" button.
  • The original message will be displayed in the output section.
  1. Copy to Clipboard:
  • After encryption or decryption, click the "Copy" button to copy the result to your clipboard.

Contributions

If you wish to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/new-feature).
  3. Commit your changes (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature/new-feature).
  5. Open a Pull Request in this repository.

About

This application allows users to easily encode and decode text messages. It was built using JavaScript, Bootstrap, CSS, and HTML5.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors