Crafting digital products with code & clarity.
Frontend / Full Stack Developer dedicated to building high-performance web applications, clean component architectures, and responsive user experiences.
Featured Case Studies
A curated selection of projects demonstrating architectural decisions, real-world problems solved, and measurable impact.
Pengelolaan Pujasera
Architected a dual-pane food court management platform handling tenant sales, inventory tracking, and real-time transaction processing.
Novus Mobile App
Novus is a digital payment platform that simplifies everyday transactions, enabling users to purchase products and pay utility bills seamlessly.
Flexblox.Id
Designed and developed an intuitive drag-and-drop workflow task board with real-time state synchronization and DOM optimization.
Professional Experience
My engineering track record, responsibilities held, and tangible technical achievements.
Full Stack Developer
Architecting modern web applications, client dashboards, and custom management platforms using Next.js, NestJS, and PostgreSQL.
- Designed and deployed responsive web interfaces with Next.js App Router, Tailwind CSS, and Framer Motion.
- Engineered backend RESTful microservices with NestJS and Prisma ORM, optimizing database schema efficiency.
- Collaborated directly with stakeholders to translate business goals into intuitive UI/UX architectures.
- Implemented accessibility standards (WCAG 2.1) and responsive design patterns across desktop, tablet, and mobile views.
• Built multi-tenant food court management platform cutting client checkout processing duration by 45%.
• Created reusable UI design systems reducing boilerplate setup time for new client web applications by 50%.
Frontend Developer
Specialized in component-driven UI development, single-page application performance optimization, and cross-browser testing.
- Developed modular React and Next.js frontend components following strict clean-code guidelines.
- Integrated third-party RESTful APIs, webhooks, and state management solutions (Zustand / Redux).
- Engineered interactive dashboards with real-time status indicators, custom data tables, and pagination.
- Participated in daily agile standups, code reviews, and technical design discussions.
• Improved mobile performance Lighthouse scores from 72 to 96 across core client landing pages.
• Standardized company accessibility practices, introducing automated keyboard navigation testing.
Skills & Stack Context
Select any technology to view practical experience context and real project implementations.
TypeScript
Used for end-to-end type safety, strict interface definitions, and reducing runtime errors across full-stack applications.
Engineering web experiences with precision & purpose.
I am a developer focused on crafting high-performance, visually engaging, and accessible web experiences. With expertise in modern TypeScript ecosystems, React, Next.js, and clean backend architecture, I bridge the gap between design and engineering.
My development approach centers on clarity, maintainability, and user-centric problem solving. Whether building multi-tenant dashboards, real-time management platforms, or design systems, I prioritize user experience without compromising speed or code quality.
"Code should be written for humans to read and machines to execute efficiently."
Great frontend development isn't just about pixel perfection—it's about component reusability, performance budgets, accessibility for all users, and software architecture that scales gracefully.
Quick Facts & Context
How I Approach Development
A structured problem-solving methodology that ensures software is delivered reliably, maintainably, and efficiently.
Understand
Analyze business context, project objectives, user requirements, and technical constraints before writing a single line of code.
Plan & Architect
Design type-safe data schemas, define component boundaries, establish responsive design tokens, and select appropriate libraries.
Build
Engineers clean, modular, and maintainable TypeScript code with reusable components, proper state isolation, and zero duplication.
Test & Audit
Validate cross-browser compatibility, keyboard accessibility, Lighthouse performance budgets, and mobile responsiveness.
Iterate & Polish
Refine micro-interactions, optimize loading states, eliminate layout shifts, and enhance overall user satisfaction.
Have an opportunity or project in mind?
I am currently open to full-time engineering roles, high-impact contract positions, and creative digital collaborations. Feel free to send an email or reach out on social media.
Send a Direct Message
Fill out the form below to drop a line directly into my inbox.