RABIT: Jurnal Teknologi dan Sistem Informasi Univrab
Vol 11 No 1 (2026): Januari

IMPLEMENTASI ANTARMUKA SINGLE PAGE APPLICATION PADA E-LEARNING UMI MENGGUNAKAN REACT.JS DAN REST API

Ibrahim Ali Abel (Universitas Amikom Purwokerto)
Ito Setiawan (Universitas Amikom Purwokerto)
Aulia Hamdi (Informatika, Fakultas Ilmu Komputer, Universitas Amikom Purwokerto)



Article Info

Publish Date
11 Jan 2026

Abstract

Digital transformation in education demands the availability of e-learning platforms that are not only informative but also responsive and easy to use. This study focuses on the development of the frontend interface of the Usaha Mandiri Ibu (UMI) e-learning platform using a React.js-based Single Page Application (SPA) architecture integrated with a REST API built using Express.js on Node.js. This approach was chosen to address the limitations of conventional Multi-Page Applications (MPA), which are less efficient in page loading, and to meet the needs of the target users, namely housewives, for an intuitive and fast interface. System development was carried out using the Waterfall method, which includes the stages of analysis, design, implementation, and testing. The results show that the implementation of React.js successfully produces a modular interface that separates presentation logic from server-side business logic. Black Box testing on eight main scenarios indicates that all functions operate correctly. In addition, network performance testing using Chrome DevTools shows that page navigation is performed without a full page reload, as indicated by only a single document request (Doc request) during the initial load. These findings demonstrate that the SPA architecture improves navigation efficiency and response time, thereby supporting a more comfortable user experience.

Copyrights © 2026






Journal Info

Abbrev

rabit

Publisher

Subject

Computer Science & IT Engineering

Description

This journal is called RABIT, where the name comes from two words namely, RAB which means Abdurrab University and IT which means information technology, it can be interpreted as a journal of this journal Journal of Informatics Engineering Study Program Pekanbaru Abdurrab University. This RABIT ...