Developed the Guru Merdeka Mengajar platform from scratch using Next.js. Designed a scalable and maintainable architecture and implemented an offline- first approach, ensuring maximum accessibility and inclusivity for all users. Configured CI/CD pipelines for seamless deployment to staging and production environments, increasing efficiency and reducing development time.

Merdeka Mengajar

Led the development of the Rapor Pendidikan platform from scratch, integrating it with the Superset API. Architected the system and implemented CI/CD configurations for seamless deployment to staging and production environments. Prioritized performance and SEO by implementing SSR capabilities, resulting in lightning-fast page load times and improved search rankings.

Rapor Pendidikan Platform

Developed a comprehensive component library and design token system for the Seragam Design System, providing a consistent and efficient workflow for designers and developers alike. Focused on enhancing Developer Experience by creating an accessible and keyboard-friendly library. Implemented theming and SSR capabilities, resulting in a flexible and performant system that can easily adapt to changing needs.

Seragam UI Design System

Assisted the Spotify Backstage team in the creation of their frontend platform during phase 1. Implemented Storybook to support efficient development and testing of UI components, and added GitHub Actions (CI) to enable automatic deployment to gh-pages only when changes are detected in the codebase.

Backstage Open Source

Created a component library for Supabase, a Singaporean startup providing an alternative to Firebase. Designed the architecture of the library using React and TailwindCSS, with rollup used as the build tool. Utilized treeshaking to optimize performance and reduce build size, resulting in a highly performant and modular codebase.

Supabase Open Source

Developed a set of tools to simplify the search for trending repositories on GitHub using Alfred Flow. Created a custom shortcut to allow users to quickly preview a site within the Alfred App, improving the user experience and streamlining the search process.

Alfred Github Trending

Redesigned the Live-Life startup's website, collaborating with the design team to bring their vision to life. Developed the site using React and utilized the Atomic Design methodology, resulting in a modular and flexible codebase. Implemented Storybook to document components and provide an efficient workflow for the Frontend Engineer."

Live Life Redesign

Developed Bukalapak's Seller Center from scratch using Nuxt.js, implementing an architecture designed for scalability and maintainability. Established coding standards and best practices, and added i18n support to make the site accessible to international users. Configured CI/CD pipelines for efficient deployment, resulting in widespread adoption across multiple squads and contributing to the growth of the Bukalapak marketplace.

A collection of my favorite projects