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...

Full description

Saved in:
Bibliographic Details
Published in:Internet of Things and Artificial Intelligence Journal Vol. 5; no. 4; pp. 853 - 869
Main Authors: Hawari, Muh. Dadang, Sidin, Udin Sidik, Wahid, Abdul, Parenreng, Jumadi Mabe, Patta, Abdul Rahman
Format: Journal Article
Language:English
Published: 30.10.2025
ISSN:2774-4353, 2774-4353
Online Access:Get full text
Tags: Add Tag
No Tags, Be the first to tag this record!
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/eLvHCXMwtV1Lb9QwELaWwoELAgGC8pAPHJCiwObhJD6uqq0Q0laVuqi9RX6FRtpmqzRdyoU_yx9hxs7DVCCVA9Iqu7ac2fXOp5kv9syYkHdJxRNWJTzMwH2FqREsFBi4VlQi0nGeYUlye9hEfnRUnJ3x49ns55ALs9vkTVPc3PDL_6pq6ANlY-rsP6h7FAod8BmUDldQO1zvpHgvDMglPx5sMOcxPKm1CU6NdMRTTUGGh2AYgmWj2u_OfLjg5LHpggpsBsryJFhsvm7buju_6DMbhQJue-VTXLfGaOyX96eC4tBFa6OSXG0PrwzoZ29O1hJ-Ey75fQV-EECpRe9bcRmo1q7kwRd4D7A15hmdivPaLZFLPcU6HmOqG7xc1PH1hdB1sBLS-Gsdsa2R2m_bWJMYA1kNgeA5k2j-0NfbdOZBN_XsczHc6lrulJjbXgQoVYblLOptJz7sWJ3aygSTwxyCBG750TG6EZ6rrIgSBZQooEQB98j9OGcc4w5XP5aD0UtT4HR84mTggHCTHXe_xpm5klRW5sfff5THpjxatH5MHvXaowuHwydkZpqnpPMwSLcVFdTDIAUMUg-DFDBIEYN0wiAFxNAJg9RikAIGKWCQjhi0wwYMPiPrw-X64FPYH-8RqgKokVQs1fg8kEnO8lzz1MQKpoQF_3OskwnUtGK5iCQr5ioSjCPZjufQksLwKHlO9pptY14QWgmdyUzEZp4aXKCQiaywMGPBxTwqhHpJ3g__UnnpiriUf1HS_t2HviIPJ4y-Jntde23ekAdq19VX7Vur5F_aKJT2
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