Text File Encryption and Decryption Web Application.

In this task, you will create a web application using HTML, CSS, and JavaScript that allows users to read English text from a text file, encrypt or decrypt the content using a custom encryption or decryption method, and save the encrypted or decrypted message to a text file. The application should provide a user-friendly interface with file loading, saving, encryption, and decryption mechanisms.

Requirements:

User Interface:

a) Create an HTML page with a user-friendly interface.

b) Design and style the interface using CSS to make it visually appealing.

c) Include a file input element to allow users to select a text file. d) Display the selected file's name on the interface.

e) Provide buttons for encryption and decryption.

f) Display the encrypted or decrypted text on the interface.

g) Include a button to save the encrypted or decrypted text to a file

File Loading:

a) Implement JavaScript code to handle file loading.

b) When a user selects a text file using the file input element, read the content of the file.

c) Display the content of the file on the interface

Encryption:

a) Implement a custom encryption method using JavaScript.

b) Write JavaScript code that takes the loaded text file content and encrypts it.

c) Display the encrypted text on the interface.

Decryption:

a) Implement a custom decryption method using JavaScript.

b) Write JavaScript code that takes the loaded text file content and decrypts it.

c) Display the decrypted text on the interface.

Saving Encrypted or Decrypted Text:

a) Implement JavaScript code to handle saving the encrypted or decrypted text to a file.

b) When the user clicks the save button, convert the encrypted or decrypted text into a downloadable file.

c) Prompt the user to save the file with a chosen name.

Note: Fronted page colourful , animation and use template .The possibilities to create custom encryption and decryption methods are endless, hence it is expected that your solution is unique.