About
Engineering beyond the visual layer.
Last Employment
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
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
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.
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.
Retail Management System (RMS)
Personal project: A modular enterprise management system featuring procurement, delivery, and reporting engines. Built with automated API documentation logic.
B2B Sales Analytics Dashboard
High-efficiency workflow system for sales teams, featuring complex data visualization and real-time performance tracking.
EV Charging Infrastructure Hub
Multi-tenant admin dashboard integrated with Google Maps API for monitoring charging station statuses across multiple regions.