Full-stack developer / Malaysia Building digital systems from interface to infrastructure.

I BUILD SYSTEMS THAT MOVE.

I design and engineer portals, internal systems and mobile apps where complex workflows become clear, fast and usable.

Laravel / Yii2
Next.js / Flutter
GSAP / Three.js

The point of view

I don't just ship screens. I translate real operations into digital products—mapping the workflow, engineering the logic and shaping every interaction until the whole system feels obvious.

Backend architecture and frontend craft are treated as one product decision. The interface should understand the system behind it.

My focus is practical: less friction, clearer status, stronger workflows and software people can actually operate every day.

CORE STACK.

Four frameworks.
One product mindset.
Scroll to inspect →

01 / 04 Backend / Full-stack

Laravel

Enterprise portals, workflow engines, API layers and operational platforms built for real business processes.

PHP 8+ REST API Queues RBAC

02 / 04 Enterprise Systems

Yii2

Structured internal systems, legacy modernization and high-density administration modules with pragmatic architecture.

CRUD PJAX DataTables Modules

03 / 04 Modern Web

Next.js

Fast public-facing products, content experiences and interactive frontends with scalable component architecture.

React SSR App Router Edge

04 / 04 Mobile Apps

Flutter

Cross-platform mobile interfaces that connect field users, workflows and real-time services in one focused experience.

iOS Android API Push

What I build

SYSTEMS WITH REAL PURPOSE.

Portals

Public experiences that feel effortless.

Information architecture, responsive interfaces, content journeys and interaction design shaped around real users—not template sections.

Public Portal Dashboard Search Content

Internal Systems

Complex workflows made operational.

Approval chains, role permissions, dynamic workflows, document processing, audit trails and management views engineered as a coherent system.

Workflow RBAC Audit Automation

Mobile Apps

The workflow continues beyond the desk.

Mobile experiences for field operations, notifications, status tracking and API-driven processes with focused interaction patterns.

Flutter Realtime Push Offline-ready

01 / 04

FROM CHAOS TO FLOW.

A system becomes premium when the complexity is handled behind the experience—not passed to the user.

Step 01 · Understand

Start with the operation, not the UI.

I map actors, statuses, exceptions, permissions and hand-offs before turning anything into a screen.

actor → action → state state → permission → transition exception → route → audit

Step 02 · Architect

Turn the process into a system model.

Data relationships, service boundaries and workflow rules are shaped so the product can evolve without becoming fragile.

domain / workflow / policy service / event / notification query / report / integration

Step 03 · Craft

Make every state visually understandable.

The interface reveals priority, next actions and system status through hierarchy, motion and interaction feedback.

clarity > decoration feedback > assumption motion = meaning

Step 04 · Ship

Build for the real day after launch.

Maintainability, permissions, auditability and operational edge cases matter because successful systems live longer than the demo.

observe → improve → scale monitor → protect → maintain ship → learn → iterate

Selected systems

BUILT AROUND
REAL WORK.

2026
Enterprise Platform

Parliamentary Workflow System

A multi-module operational platform for calendars, meetings, parliamentary questions, document extraction, approvals and reporting.

Laravel · PHP · MySQL · GSAP

WORKFLOW

2026
Internal System

Counselling Operations Suite

An end-to-end service workflow covering client intake, counsellor availability, appointments, sessions, follow-ups and management reporting.

Yii2 · PHP · AJAX · DataTables

OPS

2026
AI Product

Travel Intelligence Platform

A travel planning concept combining itinerary scoring, live context, transport, weather and recommendation logic into one decision surface.

Laravel · Next.js · API · AI

2026
Mobile Experience

Connected Service App

A cross-platform mobile direction designed around actionable status, notifications, task flows and consistent backend integration.

Flutter · REST API · Firebase

APP

Interactive layer / Spline Press + drag

DIGITAL SHOULD FEEL ALIVE.

Interaction is not decoration. Used with restraint, motion can communicate hierarchy, state and spatial relationships before a user reads a single instruction.

Available for selected collaborations Malaysia / Remote