Frontend Engineer

Fast by design.with an editorial eye.

Frontend Developer specializing in React, Vue, and TypeScript. I build responsive, scalable interfaces with complex API integrations and optimized experiences.

Engineering beyond the visual layer.

Frontend Developer at Digdaya Inovasi Gemilang

Yogyakarta, Indonesia (May 2023 - Present), Remote

Developed a unified Australian parking platform, B2B sales dashboards using Vue/Quasar, and corporate ecosystems with React. Optimized custom dashboard performance by 50% while integrating complex third-party APIs for lead tracking.

With over 4 years of experience as a Frontend Developer, I specialize in building responsive, high-performance, and scalable web applications. My expertise lies in React.js, Vue.js, and TypeScript, with a strong focus on seamless API integration and maintainable architecture.

I thrive in remote, cross-functional environments where I can leverage my skills in state management (Redux, Pinia, Zustand) and modern styling frameworks to deliver impactful user experiences. I am passionate about performance optimization and building tools that streamline complex workflows.

Technical Expertise

A comprehensive stack centered strictly on the client ecosystem.

Languages

  • JavaScript (ES6+)
  • TypeScript
  • PHP
  • HTML5 / CSS3

Frameworks

  • React / Next.js
  • Vue.js / Quasar
  • WordPress / WC
  • Node.js

State & UI

  • Redux / Zustand
  • Pinia / Vuex
  • Tailwind CSS
  • Ant Design

Architecture & Tools

  • Docker
  • Git / GitHub
  • Inertia.js
  • Vite / Jest

Skill Lab

Interactive proof points, not claims. Each module demonstrates a core frontend competency through real implementation.

Reactivity Playground

Stock Market Simulation

400-Node Heatmap Matrix

0 patches

Why It Matters

Simulating 400 real-time data updates (e.g. stock prices) per second. Zero lag, zero main-thread blockage.

Glide cursor over grid. Qwik surgically identifies and updates only the directly interacted node proxies. Parent/sibling VDOM diffing is bypassed completely.

Animation Bench

500-Node Frame Stress Test

60 FPS

Why It Matters

Your app won't 'freeze' even with heavy animations. I use specialized techniques to offload work to the faster GPU path.

WAAPI runs strictly on the compositor thread, ensuring the UI remains crisp while JS-based animations bottleneck rendering.

Hydration Visualizer

Network Payload Deforestation

Heavy Chunk Awaiting Request

The JS payload hasn't been downloaded yet.

0 KBInitial Paint JS
-Hydration / Compute

Why It Matters

This is why my websites can appear in 0.9s even if the logic is complex. I only ship the code that is strictly needed right now.

Qwik's lazy storage ensures this math fractal parser never occupies bandwidth until physically invoked.

Featured Projects

A mix of enterprise-grade professional work and modular personal projects demonstrating technical versatility.

Laravel

Retail Management System (RMS)

Enterprise-grade modular ERP & POS platform for multi-store retail operations with offline-first POS, real-time inventory tracking, and integrated logistics workflows.

LaravelVue 3PostgreSQLRedis
Key FeatureOffline POS, Multi Store, Inventory, Logistics, Analytics
Review
Vue.js

B2B Medical Sales Dashboard

Enterprise sales & prospect management system tailored for medical device companies, featuring role-based access, real-time performance dashboards, and data-driven sales analytics.

Vue.jsQuasar
Key FeatureSales, Prospects, Roles, Analytics
Review
React

Food Marketplace Platform

Scalable food delivery & catering marketplace with multi-vendor cart architecture, enabling seamless ordering flows and improved user retention through API-driven integrations.

ReactGMAPS APITailwind CSS
Key FeatureMulti Vendor Cart, Food Ordering, Catering System
Review

Get In Touch

Whether you have an interesting project, a job opportunity, or just want to say hi, my inbox is open.