Development of a Client-Side Web Application for File Encryption and Decryption Using the AES Algorithm and React.js

Data security is a crucial aspect in the digital era, especially in protecting sensitive information from potential leaks. This study develops a web application for client-side file encryption and decryption using the Advanced Encryption Standard (AES) with a 256-bit key. The application is built wi...

Ausführliche Beschreibung

Gespeichert in:
Bibliographische Detailangaben
Veröffentlicht in:Internet of Things and Artificial Intelligence Journal Jg. 5; H. 4; S. 853 - 869
Hauptverfasser: Hawari, Muh. Dadang, Sidin, Udin Sidik, Wahid, Abdul, Parenreng, Jumadi Mabe, Patta, Abdul Rahman
Format: Journal Article
Sprache:Englisch
Veröffentlicht: 30.10.2025
ISSN:2774-4353, 2774-4353
Online-Zugang:Volltext
Tags: Tag hinzufügen
Keine Tags, Fügen Sie den ersten Tag hinzu!
Abstract Data security is a crucial aspect in the digital era, especially in protecting sensitive information from potential leaks. This study develops a web application for client-side file encryption and decryption using the Advanced Encryption Standard (AES) with a 256-bit key. The application is built with the React.js library and uses IndexedDB to store file metadata locally. This client-side approach aims to increase users' control over their data without server involvement, thereby reducing security risks from third-party access. The study employs a prototyping development method and black-box testing to assess functionality and evaluate system security against brute-force attacks, network traffic monitoring, and reverse engineering. Results show the application effectively performs encryption and decryption, supports multiple file formats, and can operate as a Progressive Web App (PWA). It also preserves data security by not transmitting sensitive information to a server, making it an efficient and secure web-based data protection solution.
AbstractList Data security is a crucial aspect in the digital era, especially in protecting sensitive information from potential leaks. This study develops a web application for client-side file encryption and decryption using the Advanced Encryption Standard (AES) with a 256-bit key. The application is built with the React.js library and uses IndexedDB to store file metadata locally. This client-side approach aims to increase users' control over their data without server involvement, thereby reducing security risks from third-party access. The study employs a prototyping development method and black-box testing to assess functionality and evaluate system security against brute-force attacks, network traffic monitoring, and reverse engineering. Results show the application effectively performs encryption and decryption, supports multiple file formats, and can operate as a Progressive Web App (PWA). It also preserves data security by not transmitting sensitive information to a server, making it an efficient and secure web-based data protection solution.
Author Patta, Abdul Rahman
Parenreng, Jumadi Mabe
Wahid, Abdul
Hawari, Muh. Dadang
Sidin, Udin Sidik
Author_xml – sequence: 1
  givenname: Muh. Dadang
  surname: Hawari
  fullname: Hawari, Muh. Dadang
– sequence: 2
  givenname: Udin Sidik
  surname: Sidin
  fullname: Sidin, Udin Sidik
– sequence: 3
  givenname: Abdul
  surname: Wahid
  fullname: Wahid, Abdul
– sequence: 4
  givenname: Jumadi Mabe
  surname: Parenreng
  fullname: Parenreng, Jumadi Mabe
– sequence: 5
  givenname: Abdul Rahman
  surname: Patta
  fullname: Patta, Abdul Rahman
BookMark eNpNkFtLwzAYhoNMcM5de5s_0C7HZr0sO6gwENzEy5KmX7dIl5QkCPv3blPEq_fAxwfvc49GzjtA6JGSnFNV8Jn1Sedf0oqcEq5u0JgpJTLBJR_983doGqNtiORzQoRgY5SW8AW9H47gEvYd1njR27PPtrYF_AENroaht0Yn6x3ufMBr2wNeORNOw7XTrsVL-Ivv0bo9TgfA1WqLq37vg02H4_XsDbRJ-Wd8QLed7iNMf3WCduvVbvGcbV6fXhbVJjNzqrLGSNEqQYuiKaVSbSmAmfO4kkupCBOcEdpJpWkj58RQLcuCKsbIOTUaSsonaPbz1gQfY4CuHoI96nCqKamv2OoLtvqCrb5g49_Qf2Jk
ContentType Journal Article
DBID AAYXX
CITATION
DOI 10.31763/iota.v5i4.1037
DatabaseName CrossRef
DatabaseTitle CrossRef
DatabaseTitleList CrossRef
DeliveryMethod fulltext_linktorsrc
EISSN 2774-4353
EndPage 869
ExternalDocumentID 10_31763_iota_v5i4_1037
GroupedDBID AAYXX
ALMA_UNASSIGNED_HOLDINGS
ARCSS
CITATION
ID FETCH-LOGICAL-c817-bc54d74166b9577d94e2c037935570243201f57a1b580c1a59617220580bae913
ISSN 2774-4353
IngestDate Thu Nov 20 00:32:32 EST 2025
IsDoiOpenAccess false
IsOpenAccess true
IsPeerReviewed false
IsScholarly true
Issue 4
Language English
License https://ascee.org
LinkModel OpenURL
MergedId FETCHMERGED-LOGICAL-c817-bc54d74166b9577d94e2c037935570243201f57a1b580c1a59617220580bae913
OpenAccessLink https://doi.org/10.31763/iota.v5i4.1037
PageCount 17
ParticipantIDs crossref_primary_10_31763_iota_v5i4_1037
PublicationCentury 2000
PublicationDate 2025-10-30
PublicationDateYYYYMMDD 2025-10-30
PublicationDate_xml – month: 10
  year: 2025
  text: 2025-10-30
  day: 30
PublicationDecade 2020
PublicationTitle Internet of Things and Artificial Intelligence Journal
PublicationYear 2025
SSID ssib053800442
ssib044741915
Score 2.307763
Snippet Data security is a crucial aspect in the digital era, especially in protecting sensitive information from potential leaks. This study develops a web...
SourceID crossref
SourceType Index Database
StartPage 853
Title Development of a Client-Side Web Application for File Encryption and Decryption Using the AES Algorithm and React.js
Volume 5
hasFullText 1
inHoldings 1
isFullTextHit
isPrint
journalDatabaseRights – providerCode: PRVHPJ
  databaseName: ROAD: Directory of Open Access Scholarly Resources
  customDbUrl:
  eissn: 2774-4353
  dateEnd: 99991231
  omitProxy: false
  ssIdentifier: ssib044741915
  issn: 2774-4353
  databaseCode: M~E
  dateStart: 20210101
  isFulltext: true
  titleUrlDefault: https://road.issn.org
  providerName: ISSN International Centre
link http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwtV3db9MwELfK4IEXBAIE40N-4AEpCrSuE8eP1dQJIXWatKLtLXJsh0Xq0inLynjhn-Uf4c7Oh5lAGg9IVVpb6bXu_Xr3s313JuRdZkUquTSxmBkVc8FNrIo5ixkvZFLKVBs1dYdNiKOj7OxMHk8mP_tcmN1G1HV2cyMv_6uqoQ-Ujamz_6DuQSh0wGtQOlxB7XC9k-KDMCCf_HiwwZzH-KQyNjq1hSeeegwyPATDEC1r3Xz35sMHJw9NH1TgMlCWJ9Fi83XbVO35RZfZqDRw26uQ4vo1Rus-vDsVFG9dNC4qydf2CMqAfg7G5CzhN-WT31fgBwGURnW-FZeBKuNLHnyB5whbQ57RqTqv_BJ5YcZYx2NMdYOHjzq-vlCmilaqsOFaB3M1UrttG2cSGZDVGAieN4n2D32dTU8C6PLAPmf9W33LnxJz24sApUqxnEW1bdWHXVJxV5lgdJh9kMAtPzpEN8K8yonIUUCOAnIUcI_cZyKRGHe4-rHsjR6H_wfMmQejCg4IN9lx92sYmS9J5WR-_P1LBWwqoEXrx-RRpz268Dh8Qia2fkraAIN0W1JFAwxSwCANMEgBgxQxSEcMUkAMHTFIHQYpYJACBumAQXdbj8FnZH24XB98irvjPWKdATUqdMINzgdSsApCGMkt0zAkLPgvsE4mUNMyEWpWJNlUz1QikWyzKbQKZeVs_pzs1dvavsC6A3NuZyXMVaziXLOsZCYtLVMGj9Er9Evyvv-V8ktfxCX_i5L2737rK_JwxOhrstc21_YNeaB3bXXVvHVK_gXQ-ZXu
linkProvider ISSN International Centre
openUrl ctx_ver=Z39.88-2004&ctx_enc=info%3Aofi%2Fenc%3AUTF-8&rfr_id=info%3Asid%2Fsummon.serialssolutions.com&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=article&rft.atitle=Development+of+a+Client-Side+Web+Application+for+File+Encryption+and+Decryption+Using+the+AES+Algorithm+and+React.js&rft.jtitle=Internet+of+Things+and+Artificial+Intelligence+Journal&rft.au=Hawari%2C+Muh.+Dadang&rft.au=Sidin%2C+Udin+Sidik&rft.au=Wahid%2C+Abdul&rft.au=Parenreng%2C+Jumadi+Mabe&rft.date=2025-10-30&rft.issn=2774-4353&rft.eissn=2774-4353&rft.volume=5&rft.issue=4&rft.spage=853&rft.epage=869&rft_id=info:doi/10.31763%2Fiota.v5i4.1037&rft.externalDBID=n%2Fa&rft.externalDocID=10_31763_iota_v5i4_1037
thumbnail_l http://covers-cdn.summon.serialssolutions.com/index.aspx?isbn=/lc.gif&issn=2774-4353&client=summon
thumbnail_m http://covers-cdn.summon.serialssolutions.com/index.aspx?isbn=/mc.gif&issn=2774-4353&client=summon
thumbnail_s http://covers-cdn.summon.serialssolutions.com/index.aspx?isbn=/sc.gif&issn=2774-4353&client=summon