Production frontend, internal tools, data-heavy interfaces

The engineer's narrative

O ver the past 5+ years, I have worked across enterprise web applications, GIS platforms, internal tools, and complex dashboards, building interfaces that are usable, stable, and reliable in real production environments.

I specialize in frontend engineering with React, Next.js, Vue, and TypeScript, with a strong focus on API integration, state management, performance, maintainability, and clear user experience.

Experience

Product Engineer (Frontend)
CUiT Indonesia
Vue.js Pinia Tailwind CSS
  • Improved dashboard UI consistency and usability by refactoring fragmented components and standardizing layouts across key modules.
  • Resolved production frontend issues affecting core user flows, reducing UI inconsistencies and improving release stability.
  • Refactored legacy frontend components to improve maintainability and reduce recurring UI regressions across key dashboard modules.
  • Used Claude Code to support frontend development, debugging, refactoring, and implementation planning while reviewing output manually.
Jul 2025 to Dec 2025
Product Engineer II (Frontend)
Zero One Group
React.js Next.js Htmx Tailwind CSS TypeScript Vue.js JavaScript Zustand React Query
  • Identified and resolved performance bottlenecks in large dataset rendering (10,000+ records) by implementing DOM virtualization and optimizing data fetching strategy, reducing UI freeze incidents and improving interaction responsiveness under heavy load.
  • Resolved critical authentication issue by coordinating with backend to implement cookie revocation endpoint, fixing HTTP-only cookie logout limitation.
  • Built real-time AI streaming feature (SSE), handling partial rendering, connection lifecycle, and ensuring UI consistency during long-running processes.
  • Implemented real-time meeting recording and AI summary UI on the frontend, handling client-side recording, streaming data to backend APIs, and rendering incremental summaries via SSE for long-running processes.
  • Contributed to internal design system, creating reusable UI components and patterns used across multiple client projects.
  • Delivered across multiple stacks (React, Vue, Next.js, TypeScript) depending on project needs, including lightweight tools like HTMX and Alpine.js.
  • Built and maintained data visualization dashboards using Recharts.js, implementing interactive charts, filters, loading/error states, and responsive layouts to help users analyze operational data more effectively.
  • Used Claude Code to support frontend development, debugging, refactoring, and implementation planning while manually reviewing and validating the output.
Mar 2022 to Jul 2025
Frontend Developer
Pallaka Studio
Vue.js Tailwind CSS React.js Chakra UI Vuex TypeScript Vuetify.js
  • Initiated frontend stack migration from Vue 2 to React after identifying TypeScript limitations, establishing a more scalable and maintainable development standard.
  • Built and maintained production web applications using React, Vue, and modern UI libraries (Chakra UI, Vuetify).
  • Improved development efficiency by promoting TypeScript-first practices, reducing debugging friction and runtime errors.
  • Standardized UI patterns and component usage, ensuring consistency across multiple client projects.
  • Delivered client-facing features end-to-end on the frontend, supporting iterative project requirements and tight delivery timelines.
Sep 2020 to Jan 2022
Frontend Developer
Magau Jaya Digital
Vue.js Tailwind CSS Vuex
  • Built core frontend features for an internal e-learning platform from early development stage, implementing UI and integrating REST APIs.
  • Translated backend data structures into usable interfaces, ensuring accurate data flow and consistent user experience.
  • Collaborated with backend developers to establish stable integration patterns, supporting initial platform development.
Feb 2020 to Jul 2020

Technical skills

Frontend Development

TypeScript JavaScript (ES6+) HTML5 CSS3

Frameworks

React Vue Next.js jQuery

State & Data

React Query Zustand Vuex Pinia

UI & Styling

Tailwind CSS Chakra UI Radix UI shadcn/ui Vuetify Bootstrap Styled Components Storybook

Data Visualization

Recharts Chart.js Dashboard analytics UI Data filtering Responsive visualization

Forms

React Hook Form Zod

Build & Tooling

Vite Webpack Nx Moonrepo Babel Monorepo

Backend Development

Go (Golang) REST APIs

DevOps & Infra

Docker Git Google Cloud Platform Compute Engine GitHub Actions GHCR Linux VPS SSH

Database Management

PostgreSQL SQL

API Integration

REST API consumption GraphQL Swagger Postman

Testing & Debugging

Unit testing Integration testing Performance testing Jest Playwright React Testing Library Cypress

AI-Assisted Development

Claude Code Codex / ChatGPT Google Antigravity GitHub Copilot