As we embarked on the mobile-first design, we encountered unique challenges, particularly with legacy browser compatibility and Safari's quirks that threatened to mess up our UI. We faced a daunting challenge: how to ensure our webview technology would function seamlessly across various devices, especially legacy Android browsers that struggled with modern JavaScript functionalities. The moment we achieved a responsive design that worked flawlessly across devices was exhilarating.
As we navigated these hurdles, we became pioneers in adopting a micro frontend architecture within the company. Also able to achieve ~60% unit test coverage for this frontend service.
In the BukaModal project, we harnessed the power of webview technology to revolutionize our development process. This approach allowed us to achieve faster build times and a flexible release schedule, eliminating the lengthy APK publishing process. By building once and deploying across both Android and iOS, we significantly reduced development overhead. This agility enabled us to quickly address user feedback and roll out new features, positioning BukaModal as a cutting-edge solution that empowers online sellers to thrive in a competitive marketplace.
The dynamic form feature was born out of necessity, as we needed a unified onboarding process for diverse loan partners. The challenge was daunting, but the moment we realized our approach significantly reduced onboarding time was a game-changer. Product managers were thrilled, knowing they could onboard new partners in just days instead of weeks. This feature not only streamlined processes but also fostered collaboration among teams, showcasing the power of innovative thinking in overcoming obstacles.
The journey to implement the auto repayment feature was filled with complexities. We had to meticulously calculate repayment schedules and design a robust system to handle failed deductions. However, the breakthrough came when we tested the feature with real users. Their relief at avoiding late fees was a positive feedback. It was rewarding to see our hard work translate into tangible benefits for users, making their financial management smoother and avoid financial lost for the company, too.
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.
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.
Create and manage invoices with customized template, duplicate invoices and Generate PDF.
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.
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.
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.