Design and Implementation of a Web-Based Digital Image Repository Using React.js and Laravel
DOI:
https://doi.org/10.65310/0n178d64Keywords:
Digital Repository, Image Repository, React JS, Laravel, RESTful API.Abstract
The development of web technology has increased the need for digital data storage and management systems that can be accessed online. One form of such systems is a web-based digital image repository that allows users to store, search, view, and download image collections efficiently. This study aims to design and implement a web-based digital image repository using React JS as the frontend and Laravel as the backend supported by RESTful API. The system development method used is the Waterfall method, which includes requirement analysis, system design, implementation, and testing stages. The results show that the system successfully provides core features such as gallery display, image search, and image download. Functional testing indicates that the search and download features work properly according to user needs. Although the login and upload features are still under development, the system has generally achieved the research objective as an accessible and efficient web-based digital image repository
Downloads
References
Alfredo, V., & Susilowati, M. (2021). Rancang Bangun Sistem Informasi Repositori Digital Dokumen Internal Berbasis Web. Kurawal-Jurnal Teknologi, Informasi Dan Industri, 4(2), 169-182. https://doi.org/10.33479/kurawal.v4i2.467.
Astawa, G. W., Putra, I. G. L. A. R., & Juliharta, I. G. P. K. (2018). Aplikasi Android Lukisan Wayang Kamasan Menggunakan QR Code Sebagai Media Promosi Interaktif (Studi Kasus: Startup Way’k). Jusikom: Jurnal Sistem Komputer Musirawas, 3(2), 115-125. https://doi.org/10.31961/positif.v5i1.703.
Bloch, J. (2006, October). How to design a good API and why it matters. In Companion to the 21st ACM SIGPLAN symposium on Object-oriented programming systems, languages, and applications (pp. 506-507). https://doi.org/10.1145/1176617.1176622.
Flickner, M., Sawhney, H., Niblack, W., Ashley, J., Huang, Q., Dom, B., ... & Yanker, P. (1995). Query by image and video content: The QBIC system. computer, 28(9), 23-32. https://doi.org/10.1109/2.410146.
Hameed, N. B. B. (2015). Digital repositories in the Arab universities: A comparative analytical study. Procedia Computer Science, 65, 768-777. https://doi.org/10.1016/j.procs.2015.09.022.
Ikawati, Y., Ferdiansyah, R., Mufid, M. R., Aditama, D., & Mawaddah, S. (2025). PaletteStream: A Promotional, and Community Web-Based Platform for Visual Artists with Gamification Implementation. Jurnal Teknologi Informasi dan Terapan, 12(2). https://doi.org/10.25047/jtit.v12i2.422.
Kroons, A. A., & Dewi, C. (2023). Pengembangan Dashboard Trivy Berbasis Website Menggunakan React Js Dan Golang. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 4(3), 1037-1049. https://doi.org/10.35870/jimik.v4i3.295.
Laravel LLC. (2025). Laravel Sanctum documentation. Retrieved January 23, 2025, from https://laravel.com/docs/10.x/sanctum
Laravel LLC. (2026). Laravel documentation. Retrieved January 23, 2025, from https://laravel.com/docs
Lynch, C. A. (2003). Institutional repositories: essential infrastructure for scholarship in the digital age. portal: Libraries and the Academy, 3(2), 327-336. https://doi.org/10.1353/pla.2003.0039.
Mozilla Contributors. (2025). Introduction to client-side web APIs. MDN Web Docs. Retrieved January 23, 2025, from https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Introduction
Nelson, M. L., & Van de Sompel, H. (2020). A 25 year retrospective on D-Lib Magazine. arXiv preprint arXiv:2008.11680. https://doi.org/10.48550/arXiv.2008.11680.
Nuraminudin, M. M. D. S. S. M., Dewi, M. M., Suharsono, S., Dahlan, A., & Lukman, L. (2023). Implementasi ReactJS pada pembuatan sistem informasi digital printing berbasis website. Information System Journal, 6(01), 25-32. https://doi.org/10.24076/infosjournal.2023v6i01.1214.
Putra, F. P. E., Efendi, R. W., Tamam, A. B., & Pramadi, W. A. (2025). Tren dan Praktik Terbaik dalam Pengembangan Web Berbasis API: Kajian Literatur terhadap Framework Laravel dan React. Infomatek, 27(1), 165-178. https://doi.org/10.23969/infomatek.v27i1.25122.
React Contributors. (2025). React–A JavaScript library for building user interfaces. Retrieved January 23, 2025, from https://react.dev/
RESTfulAPI.net. (2025). What is a REST API? Retrieved January 23, 2025, from https://restfulapi.net/.
Shabihah, A. (2025). Pengembangan Sistem Reservasi Ruang Rapat Menggunakan React. Js Dengan Fitur Instant Booking Di PT XYZ. Jurnal Informatika dan Teknik Elektro Terapan, 13(3). https://doi.org/10.23960/jitet.v13i3.7206.
Sicilia, M. A., García-Barriocanal, E., & Sánchez-Alonso, S. (2017). Community curation in open dataset repositories: insights from Zenodo. Procedia Computer Science, 106, 54-60. https://doi.org/10.1016/j.procs.2017.03.009.
Wahyudi, W. (2024). Implementasi Pengembangan Sistem Informasi Penjualan dan Stok Pada Warung Madura 24 Jam Berbasis Web dengan Laravel. Innovative: Journal Of Social Science Research, 4(3), 10406-10414. https://doi.org/10.31004/innovative.v4i3.11678.
Wega, W., Susanti, E. Y., & Yuniko, F. T. (2025). Sistem Informasi Repositori Digital pada SMK Negeri 1 Koto Baru Berbasis Web. Jurnal Pustaka Data (Pusat Akses Kajian Database, Analisa Teknologi, dan Arsitektur Komputer), 5(1), 54-61. https://doi.org/10.55382/jurnalpustakadata.v5i1.1009.
Zulman, M. R., Rizka, M., Ginting, R. A. P., & Mahdi, M. (2025). Implementasi dan Pengembangan Sistem Informasi Terintegrasi untuk Manajemen Informasi Program Studi Berbasis Web Responsif. Jurnal Infomedia: Teknik Informatika, Multimedia, dan Jaringan, 10(1). http://dx.doi.org/10.30811/jim.v10i1.7023.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Poozasya Niagaralillah, Muhamad Fikri (Author)
This work is licensed under a Creative Commons Attribution 4.0 International License.
