# Adi Maulana Triadi > Front-end web engineer from Indonesia with 9+ years of experience (since 2017) building scalable, modern web applications using React, Next.js, and TypeScript. Adi Maulana Triadi is a Front-End Web Engineer based in Indonesia, currently a Frontend Web Developer at TipTip working on the SatuSatu travel platform. Core skills: React, Next.js, TypeScript, JavaScript, Material UI, Tailwind CSS, TanStack Query, Zustand, React Native, Front-end architecture, Web performance, Technical SEO, Design systems, n8n workflow automation. Contact: adimaulanat@gmail.com Profiles: https://github.com/adimaulanat, https://www.linkedin.com/in/adimaulanat/, https://medium.com/@adimaulanatriadi ## Pages - [Home](https://adimaulanatriadi.my.id/): Adi Maulana Triadi is a front-end web engineer from Indonesia with 9+ years building scalable React, Next.js, and TypeScript web apps. View projects and experience. - [About](https://adimaulanatriadi.my.id/about): About Adi Maulana Triadi: front-end engineer focused on user-centered UI engineering, clean architecture, web performance, and scalable React and Next.js products. - [Experience](https://adimaulanatriadi.my.id/experience): Work history of Adi Maulana Triadi: Frontend Web Developer at TipTip (SatuSatu), Lead Frontend Developer at Wifus Health, and mobile roles with React Native. - [Projects](https://adimaulanatriadi.my.id/projects): Selected projects by Adi Maulana Triadi: SatuSatu travel booking, Bali All-Access Pass, SatuSatu Partner B2B portal, and more built with React, Next.js, and TypeScript. - [Achievements](https://adimaulanatriadi.my.id/achievements): Awards and recognition earned by Adi Maulana Triadi, including Top Tech Contributor 2024, Most Helpful Engineer 2024, and 1st place in the TipTip Vibe Coding Challenge. - [Blog](https://adimaulanatriadi.my.id/blog): Articles by Adi Maulana Triadi on React, Material UI theming, TypeScript, and workflow automation with n8n, Google Sheets, and WhatsApp. - [Contact](https://adimaulanatriadi.my.id/contact): Get in touch with Adi Maulana Triadi, a front-end engineer open to new opportunities and collaborations. Reach out by email, LinkedIn, or GitHub. ## Experience ### Frontend Web Developer, TipTip (May 2022 – Present) Developed and enhanced features for tiptip.id and the SatuSatu travel platform, from community and attraction modules to consumer booking flows and a B2B partner portal, with a focus on user experience, authentication, and platform stability. Tech: React, Next.js, TypeScript, Material-UI, TanStack Query, Zustand, Claude Code, AWS Amplify, Cognito, Axios, Rollup, Localizely, Sentry, n8n, JavaScript - Owned the entire frontend of the SatuSatu Partner B2B portal, from design with Claude Design and architecture through implementation and production release - Built catalog discovery, booking, and payment flows (virtual account, QRIS, OVO) for satusatu.com using Next.js, MUI, TanStack Query, and Zustand - Developed the Bali All-Access Pass landing page end to end, with catalog-driven pricing, analytics tracking, lazy loading, and webview support for the mobile apps - Established the SatuSatu web foundation, including the MUI theme, i18n, centralized form components, feature flags with Unleash, and SEO metadata - Developed and enhanced features for tiptip.id, including community and attraction modules ### Lead Frontend Developer, Wifus Health (Feb 2022 – May 2022) Enhanced clinic information system and initiated migration from Laravel to Next.js for improved scalability while coordinating frontend team tasks. Tech: Next.js, Laravel, React - Enhanced clinic information system built with Laravel - Initiated migration from Laravel to Next.js for scalability - Planned and coordinated frontend team tasks and sprint planning ### Frontend Web Developer, Wifus Health (Nov 2020 – Feb 2022) Built Clinic Information System and developed Wifus Enterprise web application using modern React ecosystem and styling frameworks. Tech: React, Gatsby, TailwindCSS, Redux, Redux-Sagas, Styled Components, Laravel - Built a Clinic Information System using Laravel - Developed Wifus Enterprise using React, Gatsby, TailwindCSS, Redux-Sagas, and Styled Components ### Mobile Application Developer, AntriQue (Jun 2020 – Apr 2021) Built a real-time queue management system using React Native to help clinics manage patient flow efficiently. Tech: React Native - Built a real-time queue management system using React Native ### Mobile Developer, Virtualspirit (Mar 2019 – Nov 2020) Developed multiple mobile applications for clients in Selangor, Malaysia using React Native. Tech: React Native - Developed multiple mobile applications for clients using React Native ### Frontend Developer, PT Barrans Global Mandiri (Prudential) (Oct 2018 – Dec 2018) Built Prudential's internal web frontend using Angular 4 and Ionic 2 for hybrid mobile/web interfaces. Tech: Angular 4, Ionic 2 - Built Prudential's internal web frontend using Angular 4 and Ionic 2 ### Frontend Developer, Garuda Infinity Kreasindo (Sep 2017 – Nov 2017) Developed hybrid mobile applications using Angular 4 and Ionic 2 for various clients. Tech: Angular 4, Ionic 2 - Developed hybrid mobile apps using Angular 4 and Ionic 2 ### Frontend Developer (Internship), Garuda Infinity Kreasindo (Jul 2017 – Sep 2017) Created hybrid mobile applications with Angular and Ionic as part of internship program. Tech: Angular, Ionic - Created hybrid mobile apps with Angular and Ionic ## Projects - [SatuSatu - Activities & Attractions Booking](https://adimaulanatriadi.my.id/projects/satusatu): Consumer platform for discovering and booking tours, activities, and attraction tickets across Indonesia. Tech: Next.js, React, TypeScript, Material-UI, TanStack Query, Zustand, i18next, Embla Carousel, Unleash, Sentry, live: https://satusatu.com/ - [Bali All-Access Pass](https://adimaulanatriadi.my.id/projects/balipass): High-conversion landing page for a multi-day Bali travel pass bundling 50+ top experiences. Tech: Next.js, React, TypeScript, Material-UI, TanStack Query, i18next, OpenPanel, SEO, live: https://satusatu.com/en-US/baliallaccess - [SatuSatu Partner - B2B Booking Portal](https://adimaulanatriadi.my.id/projects/satusatu-partner): Internal B2B portal for travel agents to book 3,600+ experiences at net prices with postpaid credit. Tech: Next.js, React, TypeScript, Material-UI, TanStack Query, Zustand, React Hook Form, Yup, i18next, Unleash, Sentry, Jest - [Villacation - Reusable Component Library](https://adimaulanatriadi.my.id/projects/villacation): Design-system-driven library of reusable React components powering a vacation rental platform UI. Tech: Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, Radix UI, CVA, React Hook Form, date-fns - [Hippo Store - Custom Shopify Theme](https://adimaulanatriadi.my.id/projects/hippo-store): Customized Shopify theme with a library of merchant-editable sections and custom web components for an Indonesian mobile accessories store. Tech: Shopify, Liquid, JavaScript (ES Modules), Web Components, Metafields & Metaobjects, Section Rendering API, ESLint, Prettier, live: https://hippoelite.com/ - [Stock Opname - Retail Inventory Back Office](https://adimaulanatriadi.my.id/projects/stock-opname): Internal back-office web app for purchasing, goods receipt, pricing, and barcode printing across a retail operation. Tech: Next.js, React, JavaScript, SCSS Modules, SheetJS (xlsx), react-barcode, react-to-print, html2pdf.js, live: https://tokorizz.com/ - [Portfolio Website](https://adimaulanatriadi.my.id/projects/portfolio-website): Modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS. Tech: React, TypeScript, Tailwind CSS, Framer Motion, Vite, live: https://adimaulanatriadi.my.id/ - [Transparent Donation System](https://adimaulanatriadi.my.id/projects/transparent-donation-system): Automated donation tracking system with n8n, Google Sheets, and WhatsApp integration. Tech: n8n, Google Sheets API, WhatsApp Business API, Workflow Automation, live: https://medium.com/@adimaulanatriadi/n8n-build-donation-more-transparent-with-n8n-google-sheets-and-whatsapp-60460984bc89 - [Material UI Theme System](https://adimaulanatriadi.my.id/projects/material-ui-theme-system): Custom theming system for React applications using Material UI and TypeScript. Tech: React, Material UI, TypeScript, CSS-in-JS, live: https://medium.com/@adimaulanatriadi/creating-material-ui-theming-using-react-9552ccea227c - [Smart Visit - AI Travel Recommendations](https://adimaulanatriadi.my.id/projects/smart-visit-recommendation): AI-powered travel recommendation system with intelligent destination suggestions. Tech: React, TypeScript, Vite, Tailwind CSS, shadcn-ui, Supabase, live: https://adimaulanat.github.io/smart-visit-recommendation/ - [OurInvitation.id - Digital Wedding Invitations](https://adimaulanatriadi.my.id/projects/ourinvitation): Modern digital wedding invitation platform with automated distribution and customizable templates. Tech: Next.js, React, Material-UI, TypeScript, CSS Animations, Responsive Design, live: https://ourinvitation.id/ ## Achievements - 1st Winner Vibe Coding Challenge, TipTip (2025) - Top Tech Contributor 2024, TipTip (2024) - Most Helpful Engineer 2024, TipTip (2024) - Runner Up Software Development Competition, Keluarga Mahasiswa Teknik Elektro dan Teknologi Informasi FT UGM (2017) - Appreciation Award - Kewirausahaan Mahasiswa Indonesia Expo, Direktorat Jenderal Pembelajaran dan Kemahasiswaan Kementerian Riset, Teknologi, dan Pendidikan (2017) - 1st Place Winner - Windows App Competition, Politeknik Negeri Bandung (2015) - Best Presentator - Windows App Competition, Politeknik Negeri Bandung (2015) ## Articles - [Build Donation More Transparent with n8n, Google Sheets, and WhatsApp](https://medium.com/@adimaulanatriadi/n8n-build-donation-more-transparent-with-n8n-google-sheets-and-whatsapp-60460984bc89) (2025-08-17) - [Creating Material UI Theming Using React](https://medium.com/@adimaulanatriadi/creating-material-ui-theming-using-react-9552ccea227c) (2024-06-24)