Projects

A catalog of production-minded learning roadmaps for software engineers. One real domain per material, each step explains why it comes where it does and how to verify it.

Fork-and-go Astro Starlight template for publishing sequenced learning roadmaps with per-step progress tracking, no backend needed.

A comprehensive dashboard template built twice: plain HTML with Alpine.js for server-rendered apps, and React 19 for SPAs. Copy one folder in and it works.

Multi-location room catalogue where a Google Sheet is the admin panel. Availability is read at request time and served as SSR HTML cached at the edge. No CMS, no database.

TanStack Start app where admins compose microsites from blocks and publish them to public URLs, cached at the CDN until the next publish purges them.

Create and manage invoices with customized template, duplicate invoices and Generate PDF.

Starter kit for Next.js project packed with TypeScript, Tailwind and many more stuff.

Collection of UI patterns built using Tailwind CSS for React applications.

UI library for a merchant lending product. Built to increase front end development speed using reusable UI styles and components.

Kargo Nexus is a cutting-edge Transportation Management System designed for enterprise companies and truck vendors. As a Frontend Engineer, I utilized React, Ant Design, and GraphQL to create a responsive and user-friendly interface. The platform digitalizes conventional logistics processes, ensuring transparent shipping and reducing fraud potential. Key features include GPS tracking, PDF generation, and CSV processing, streamlining operations and enhancing user experience.

A comprehensive Transportation Management System (TMS) for Kargo's internal team, aimed at managing thousands of shipments efficiently. By streamlining processes, we enabled the operational team to scale their handling capacity. Key features include centralized document collection, fee and invoice management, optimized pagination for faster loading, and innovative shipment ordering through WhatsApp automation and ChatGPT integration.

BukaModal is a transformative project designed to empower online sellers on the Bukalapak marketplace by providing accessible loans. This initiative enables sellers to grow their businesses through increased stock, store expansion, and skilled staff hiring. Leveraging cutting-edge web development technologies, including Vue.js and micro frontend architecture, we created a seamless mobile-first experience. The project successfully unlocked new revenue streams for Bukalapak, enhancing seller engagement and satisfaction.

Bukalapak PayLater is a financing product aimed at enhancing the buying power of online shoppers. My role involved synchronizing our system with loan partner behaviors, ensuring seamless collaboration while adhering to Bukalapak's design guidelines. Utilizing technologies like Vue.js, micro frontends, and Google Cloud Platform, I optimized user experience and performance, achieving fast and delightful user experience.

"Bayar Tempo" is a web-based solution designed to empower small shop owners, known as "warung" in Indonesia, by providing them with extra credits to maintain their stock levels. This innovative platform enhances customer loyalty and satisfaction while creating an additional revenue stream for Bukalapak. Utilizing cutting-edge technologies like Vue.js, micro-frontends, and Kubernetes on Google Cloud Platform, the project showcases my expertise in frontend development and unit testing, ensuring a robust and scalable application.

A real-time chat platform for legal consultations using WebSocket technology. This project enables seamless communication between clients and lawyers, providing instant support and media sharing capabilities. Designed with a user-friendly interface to cater to individuals seeking expert advice efficiently.