༻❁✿❀༺
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 not only usable, but 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 AI coding tools Claude Code to support frontend development, debugging, refactoring, and implementation planning.
JUL 2025 — 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 AI coding Claude Code support frontend development, debugging, refactoring, and implementation planning while manually reviewing and validating the output.
Mar 2022 — JUL 2025
Frontend Developer
Pallaka Studio
Vue.js
Tailwind CSS
React.js
Chakra ui
Vuex
TypeScript
Vuetifyjs
- ✦ 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 – 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 – 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