Back to Works

Perkantas Yogyakarta

Frontend development, long-term maintenance, and API migration & system stabilization for a community-based web platform supporting Christian discipleship activities.

Perkantas Yogyakarta

Perkantas Yogyakarta – Community-Based Web Platform

Perkantas Yogyakarta is a community-based web platform built to support Christian discipleship activities for students, alumni, and medical professionals.

I have been involved in this project across two distinct phases — starting as a frontend developer in 2023 for the initial build, and returning in March 2026 to lead API migration and system stabilization efforts.


Project Context

The platform was designed to support internal community activities, shared resources, and simple administrative workflows. Users came from varied backgrounds and technical familiarity, so the interface needed to be straightforward, readable, and accessible across devices.

From the beginning, the focus was not on visual complexity, but on clarity, stability, and ease of use for a real community.


Phase 1 – Initial Build (2023)

Frontend-focused Work My core responsibility was on frontend implementation.

  • Translating approved designs into working interfaces
  • Implementing responsive layouts using Laravel Blade and Bootstrap
  • Structuring reusable layout components to keep the UI consistent and maintainable

I was involved in ERD discussions to understand data structure and flows, but I did not design the database nor implement backend architecture.

Platform & Operational Responsibility Beyond development, I handled several operational aspects:

  • Domain setup and management
  • Hosting configuration
  • Email service configuration for platform notifications
  • Ongoing maintenance and small fixes after launch

Phase 2 – API Migration & System Stabilization (Mar 2026 – Present)

Returning to the project in 2026, the focus shifted to stabilizing the system, modernizing the tech stack, and preparing for API-based architecture.

Stabilization & Infrastructure Enhancement (Mar – W-1 Apr)

  • Fixed UI, business logic, and data-handling issues across multiple modules to improve system stability
  • Performed bug fixing and regression improvements across user-facing and CMS platforms
  • Set up environment separation for local, staging, and production workflows
  • Configured deployment setup using GitHub webhooks, SSH, and hosting environment alignment
  • Collaborated with QA for regression testing and API validation using Swagger
  • Upgraded PHP and Laravel dependencies to improve security, compatibility, and maintainability

UX Revamp & System Modernization (W-2 Apr – W-3 June)

  • Conducted UX audits and redesigned key user flows across web user, book loan, and CMS platforms
  • Migrated user-facing web and CMS components from Bootstrap 4 to Tailwind CSS
  • Refactored components to improve consistency and maintainability
  • Performed unit testing for CMS CRUD functionality
  • Prepared the system architecture for future API-based implementation and scalability

What This Project Taught Me

  • How frontend decisions affect real users in a live system
  • Communicating with non-technical stakeholders clearly and patiently
  • Owning a project beyond delivery, including post-launch stability and long-term evolution
  • How to re-enter an existing codebase and stabilize it before modernizing

Key Takeaways

  • First freelance project with real users, now in long-term engagement
  • Frontend-focused role with full lifecycle ownership
  • Hands-on experience with system stabilization, environment setup, and regression testing
  • Progressive modernization: Bootstrap 4 → Tailwind CSS, monolithic → API-ready architecture

Specific implementation details are kept high-level to respect community and platform boundaries.

Related Skills:

Project & Communication

First Freelance ProjectClient CommunicationRequirement DiscussionProject Ownership

Frontend Development

Laravel BladeBootstrapTailwind CSSResponsive UIReusable LayoutsUX Audit

System & Infrastructure

Domain ManagementHosting SetupEmail ConfigurationEnvironment SeparationGitHub WebhooksSSH Deployment

API & Backend Integration

REST APIsSwagger / API ValidationPHP & Laravel UpgradeUnit TestingQA Collaboration

Technical Growth

First Production DeploymentLive System MaintenanceRegression TestingSystem Modernization


Portfolio of

Riani BM

Riani BM

Frontend Developer
from Indonesia


Links: