MUHAMMAD FAZA ABIYYU

SYSTEM ANALYST & SOFTWARE DEVELOPER

0
Back to Projects
Case Study Fullstack Developer

Rukun

Aplikasi Rukun — Digital RT Management System

A digital platform designed to streamline administrative tasks for neighborhood units (RT). It automates citizen data management, family card tracking, and official letter generation while providing a transparent financial monitoring system.

10+ Functional Requirements
4 UML Diagrams
8 Tech Components
Audit Trail System
Problem

Administrative Inefficiency

Traditional RT management relies on manual record-keeping, leading to slow document processing, difficulty in tracking citizen demographics, and a lack of transparency in neighborhood financial reports.

Solution

Automated Management Platform

Rukun automates the entire workflow from citizen registration to letter generation. It features a secure JWT-base authentication, interactive financial dashboards, and a comprehensive audit trail for all administrative actions.

Functional Requirements

Code Requirement Description
FR-01Citizen ManagementAdd, edit, and view citizen data and family card (KK) structures
FR-02Letter AutomationAutomatic generation of administrative letters (Surat Pengantar, etc.)
FR-03Financial TrackingReal-time logging of income and expenses (Cash Flow)
FR-04Interactive DashboardVisual analytics for population statistics and financial summaries
FR-05Secure AuthJWT-based authentication with short-lived access and long-lived refresh tokens
FR-06Audit TrailDetailed system logs tracking all Create, Update, and Delete interactions
FR-07Notification SystemAutomated alerts for administrative updates and financial transactions
FR-08Role-based AccessSpecific permissions for Admin, RT Chairman, and Residents
FR-09Data ExportGenerate PDF reports for financial and citizen data
FR-10Profile ManagementManage individual user credentials and contact information

System Architecture

Rukun System Architecture - Client, API Layer, Database

Use Case Diagram

Rukun Use Case Diagram - Actors and system use cases

Class Diagram

Rukun Class Diagram - Entity relationships

Sequence Diagram — Resident Registration Flow

Rukun Sequence Diagram - Registration flow

Tech Stack

LanguageTypeScript
FrameworkNuxt 3 (Universal)
StylingTailwind + Preline UI
DatabaseMySQL
ORMPrisma
AuthJWT (Access/Refresh)
APIRESTful API (Nitro)
DeploymentVercel (Serverless)