Frontend architecture
Build React and Next.js interfaces that stay maintainable across complex product flows, role-based access, and reusable component systems.
READY // DEPLOYI build production-ready products that connect polished interfaces, reliable APIs, and real business workflows. I work across React, Next.js, TypeScript, Go, and PostgreSQL to deliver enterprise financial platforms, approval workflows, dashboards, and production-ready product features.
I’m a Full-Stack Software Engineer with experience building modern web applications that are reliable, maintainable, and aligned with real business needs.
I work across React, Next.js, TypeScript, Go, and PostgreSQL, covering both frontend and backend development. On the frontend, I focus on creating clean, responsive, and user-friendly interfaces that are easy to use and consistent with product requirements. On the backend, I work on APIs, service logic, database-driven features, and integrations that support real application workflows.
My experience comes from working on enterprise web platforms where accuracy, maintainability, and collaboration matter. I’m used to translating business requirements into working product features, handling data-heavy interfaces, connecting frontend flows with backend services, and making sure features behave correctly across different user scenarios.
I care about writing clean and understandable code, structuring features properly, and building solutions that can be maintained by a team over time. I also value clear communication, especially when working with product, design, QA, and other engineers to clarify requirements, identify edge cases, and deliver features with confidence.
What I bring is a balanced full-stack perspective: I can think about user experience, frontend implementation, backend behavior, and business logic together. This helps me build software that is not only functional, but also practical, reliable, and useful for the people who depend on it.
A focused set of projects that represent my full-stack product engineering approach across interfaces, APIs, workflows, and reliability.
CLEAREDAI image generation app inspired by DALL-E workflows.
Built a full-stack image generation app with focused React UX and API-backed generation flow.
CLEAREDNews feed and discussion UI with GraphQL-driven data.
Implemented a Hackernews-style interface with Apollo Client and React query lifecycle control.
CLEAREDElectronic medical record interface for capstone delivery.
Designed and shipped a healthcare-focused record UI for Generasi Gigih capstone scope.
Full-stack engineering strengths I apply across product interfaces, APIs, workflows, and production systems.
Build React and Next.js interfaces that stay maintainable across complex product flows, role-based access, and reusable component systems.
Develop and integrate REST APIs, Go service layers, DTOs, repositories, and database-backed business logic.
Translate financial and operational rules into reliable product flows, including approvals, settlements, journals, reporting, and retries.
Investigate issues through logs and tracing, improve observability, write unit tests, and reduce regression risks in production-facing systems.
Roles where I shipped production-facing web products across frontend interfaces, backend services, financial workflows, and cross-team delivery.
Built full-stack financial ERP features for KlikTemas Beyond across Go services, React UI, PDF generation, settlement flows, and production tracing.
Built Qlola Cash Management features for BRI across Account Receivable, Mass Transfer, RBAC interfaces, micro-frontends, and service reliability.
Built the Mitreka dashboard frontend with Next.js, combining UI/UX analysis, API integration, and real-time data interaction.
Built client-facing frontend applications for robot control and web polling systems with scalable UI implementation and documentation.
I care about building software that is clear to use, maintainable to extend, and reliable enough for real production workflows.
Prefer clear component boundaries, explicit data contracts, and predictable state flow over one-off implementations.
Use typed content modules, reusable primitives, and composable section structure to keep the codebase evolvable.
Build interactions that remain understandable with keyboard navigation, semantic structure, and assistive technology.
Keep essential information available without motion and preserve semantic text even when decorative animation is used.
Treat performance as a product requirement by default, not post-launch optimization work.
Prioritize lightweight rendering paths, one-time viewport reveals, and strict control over heavy animation dependencies.
Use motion to clarify hierarchy, transitions, and state changes, not to decorate every element.
Centralize motion primitives, provide reduced-motion fallbacks, and avoid looping effects that distract from content.
If you need a full-stack web developer who can connect interface quality, backend logic, and product execution, let's talk.