Elvien

ElvienVerified

Engineering Case Study

SPLD

Dec 22, 2025•4 Technologies•Deployed
SPLD

Overview & Architecture

SPLD (Sistem Pendataan dan Dokumentasi) is a modern, responsive web application designed to streamline the report and documentation management process for Polres Magelang. The system facilitates efficient collection of reports from Polsek (police sectors) to Humas (public relations), enabling organized publication of activity narratives with full transparency. Architecture Overview

This project uses a separated frontend and backend architecture, maintained in two independent repositories.

Frontend (Client) šŸ”— https://github.com/LVNVoid/SPLD-Client

Responsible for the user interface and user experience, including authentication flow, role-based dashboards, protected routes, report and narrative management, and communication with the backend via RESTful APIs.

Backend (Server) šŸ”— https://github.com/LVNVoid/SPLD-Server

Acts as the core service layer, providing REST APIs, handling auth

Engineering Highlights

Decoupled Express.js REST API

Lightweight backend service managing business logic, structured routing, and clean JSON response envelopes.

Client-Side SPA State Management

Single-page application powered by React and React Router for fluid client-side navigation without full-page reloads.

Structured Data Transactions

Centralized persistence layer designed for consistent record handling and predictable data querying.

Technology Stack

React JS
Express JS
JavaScript
React Router