Front-End Web Developer · Indonesia

Clear interfaces.
Complex systems.

I turn complex business flows into clear, responsive web experiences—particularly dashboards, operational systems, and content-rich websites.

01 · Product UIClear interfaces shaped around the actual task.
02 · Complex DataTables, filters, dashboards, reports, and forms.
03 · API IntegrationReliable states, validation, errors, and feedback.
04 · ResponsiveConsistent experiences from desktop to mobile.
Selected work

Products designed around the way people actually use them.

01
Education platform

Boarding School

A connected public website, content management system, and admissions portal for a multi-branch Islamic boarding school.

I worked across mobile-first navigation, branch-specific content, reusable CMS modules, media management, and candidate workflows—from registration through final status.

Nuxt 3TypeScriptTailwindQuasarREST API
02
School operations

Tahfidz Monitoring System

A role-based application that connects administrators, teachers, and parents around daily student progress.

The product covers session management, attendance, memorization and review reports, automatic grading, dashboards, parent history, and mobile-friendly teacher workflows.

VueQuasarPiniaLaravel APIResponsive UI
03
Enterprise software

ERP & Production Interfaces

Data-heavy screens for finance, purchasing, inventory, master production schedules, and operational reporting.

I simplify dense workflows through consistent table patterns, remote selects, editable grids, structured drawers, validation, schedules, and reusable form components.

Vue 2Quasarag-GridEChartsExcel Export
04
Logistics application

LogiTrack Aplication

A mobile-first logistics product for drivers, field doctors, and foremen, with planning and assignment tools.

My front-end work includes multi-step registration, document uploads, remote master-data components, route planning, and structured assignment forms ready for API integration.

VueQuasarCapacitorForm UXAPI Integration
05
Personal Finance

Finance Apps

A personal finance platform for transactions, wallets, monthly budgets, recurring payments, and cash-flow reporting.

Built for quick mobile recording and deeper desktop analysis. The released product also includes family sharing with approvals, credit cards, installments, bank-statement import, investments, and net-worth tracking.

Nuxt 3TypeScriptTailwindPiniaLaravelPWA
View application ↗
06
Productivity

Daily Productivity Assistant

A planned personal assistant connecting project tasks, daily priorities, time blocks, activity tracking, and daily or weekly reviews.

The v1.0 specification includes natural Indonesian text and voice commands, contextual multi-step actions, schedule-conflict checks, editable previews, confirmation, and undo. Manual input remains available alongside the assistant.

Task PlanningTime TrackingNatural-language UX
07
Inventory & assets

Inventory Management Assets

An inventory and asset management project focused on organizing operational records in a clear web interface.

The interface direction prioritizes readable records and consistent navigation for working with inventory and asset information.

InventoryAsset ManagementBusiness UI
What I do

Front-end decisions grounded in business context.

01

Translate workflows

I map roles, statuses, actions, and edge cases before turning requirements into screens.

02

Make complex data readable

I structure dense tables, filters, summaries, and reports so users can find what matters quickly.

03

Improve existing products

I can enter established codebases, trace the current flow, and refine them without disrupting working behavior.

04

Build for every screen

I treat responsive behavior as part of the product, not a final adjustment after desktop is done.

Tools & stack

Practical tools for dependable products.

I choose technology around the product and the team. My strongest territory is the Vue ecosystem, supported by hands-on backend and deployment experience.

Core
HTMLCSSJavaScriptTypeScriptVue.jsNuxt
UI systems
QuasarTailwind CSSResponsive DesignComponent Architecture
Data UI
ag-GridHandsontableEChartsFullCalendarExcel / PDF
Integration
REST APIAxiosPinia / VuexAuthenticationForm Validation
Supporting
LaravelCodeIgniterMariaDBGitCapacitor
Approach

Understand first. Build clearly. Refine with evidence.

01 · Understand

Trace the real flow

Clarify users, data, rules, and the decisions each screen must support.

02 · Structure

Shape the interface

Define hierarchy, states, components, and responsive behavior.

03 · Integrate

Connect the product

Handle APIs, validation, loading, errors, and user feedback deliberately.

04 · Refine

Test the details

Review real scenarios, edge cases, readability, and interaction quality.

Let’s work together

Need a front end that feels simpler than the system behind it?

I’m open to web applications, dashboards, company profiles, UI revamps, and front-end integration work.