Frontend engineer specializing in national-scale web applications — building education finance platforms serving over 1 million++ users, as well as integrating government services and logistics systems.
8+ years building web applications for public services, logistics, and higher education, from designing components to ensuring different systems can communicate with each other.
INA Digital Edu, Peruri — Jakarta
Building Indonesia's national digital education ecosystem. Becoming the Frontend for the integration of the aid budgeting system professionally, transparently, and in accordance with government regulations with the online platform for procurement of goods and services in Indonesian schools, as well as a system for monitoring and reporting incidents in schools such as bullying, brawls, etc., designing a cross-application component library, and leading the frontend architecture used by more than 1 million users throughout Indonesia.
Logisly (PT. Logistik Pintar Indonesia) — Jakarta
Developed a logistics management platform feature that connects businesses with trusted trucking partners. Designed a component library documented in Storybook, integrated backend APIs, and drove performance optimization and SEO initiatives.
Universitas Negeri Jakarta — Jakarta
Analyze the needs of university stakeholders, design accessible flows and interfaces for students, lecturers, and administrative staff, then build frontend components and integrations with APIs.
"frontend": {
}
"stateManagement": {
}
"testing": {
}
"backend": {
}
"devops": {
}
"design": {
}
Served as Frontend Engineer bridging real-world spending with approved school budgets. Built with Electron.js to run fully offline — essential for schools in Indonesia's most remote and underserved regions (3T areas). Owned end-to-end testing with Playwright to keep the platform reliable at national scale.
Led frontend development from zero — from selecting the technology stack to writing unit tests. The platform reconciles items purchased on designated marketplaces against each school's approved budget, closing the loop between planning and actual spend.
Rebuilt the landing page from the ground up for full responsiveness across devices while elevating the brand's visual identity. Implemented Elastics earch to power fast, reliable search across multiple government-appointed marketplaces.