Projects

Want to explore more projects and the decisions behind them?

ArfaPOS

Full-stack Developer (AI-assisted development) • 2026

SvelteKitTypeScriptTailwind CSSSupabaseshadcn/uiPOSAI-Assisted DevelopmentVibe CodingSide Project

Situation

I built ArfaPOS in 2026 as a personal side project to explore new technologies, strengthen my portfolio, and validate a point-of-sale product idea. I led the project end-to-end as a full-stack developer while leveraging AI-assisted workflows through OpenCode to accelerate implementation and experimentation.

Challenge

Designing realistic POS transaction flows while keeping an AI-assisted codebase maintainable and consistent.

Decision

I adopted an AI-assisted workflow with OpenCode to accelerate development, while reviewing every generated solution and prioritizing an MVP built with SvelteKit.

Outcome

ArfaPOS was successfully deployed as a working application accessible online and evolved beyond a simple experiment into a functional POS implementation intended for real-world use. The project became both a portfolio piece and a practical demonstration of how AI-assisted development can accelerate delivery while preserving human ownership of technical decisions and product direction.

Brighton Website Migration

Frontend Developer • 2025–2026

Next.jsTypeScriptReact QueryTailwindCSSshadcn/uiClaude CodeMigration

View Live Demo

Situation

Brighton initiated a migration of its legacy PHP website to a modern Next.js architecture backed by separate API services. During the three-month migration effort, I worked on several key areas including FAQ, Testimonial, Authentication flows, and the Agent Dashboard. I also handled bug fixes and feature enhancements while leveraging Claude Code as part of my development workflow.

Challenge

Migrating legacy features to a new stack without disrupting existing functionality while meeting a tight migration timeline.

Decision

The Agent Dashboard was separated into its own application, allowing it to evolve independently from the public-facing website.

Outcome

The website was successfully migrated to Next.js, and the Agent Dashboard was delivered as a standalone application within the new architecture.

EmpowerHR

Frontend Developer • 2024–2025

ReactTypeScriptZustandReact RouterIonicHRISWeb AppMobile App

View Live Demo

Situation

EmpowerHR is an HRIS developed at PT. Ada Ide Langsung Jalan to streamline employee administration in a single platform. The application integrates attendance data from facial recognition devices while providing leave management and salary invoice features. It was initially built for internal operations with the intention of evolving into a commercial product.

Challenge

The biggest challenge was adapting the React web application into Android and iOS apps while maintaining a consistent experience from a single frontend codebase.

Decision

I chose Ionic to package the existing React and TypeScript application into a mobile app, allowing the team to reuse the frontend codebase instead of building separate native applications.

Outcome

The project was successfully delivered as both a web and mobile application, and the Android version was published on the Google Play Store for company use. Although it was originally planned as a commercial product, the project was eventually discontinued.

KasirMudah

Frontend Mobile Developer • 2023-2024

FlutterRiverpodMobilePOSAndroidTeam Project

View Live Demo

Situation

I joined PT. Ada Ide Langsung Jalan in 2023 and contributed to KasirMudah, a mobile point-of-sale application built for laundry businesses and other micro enterprises. As my first Flutter project in a collaborative team environment, I developed various application features and participated in delivering the product to production.

Challenge

Adapting to collaborative Flutter development while contributing to multiple application features across a shared codebase.

Decision

I adopted Riverpod for state management and followed the team's development practices to build application features consistently within a collaborative workflow.

Outcome

KasirMudah was successfully released on the Google Play Store as a production mobile application. Although the product was later discontinued due to business decisions, the project provided valuable experience in building and maintaining a production Flutter application within a professional development team.

Wedding Invitation

Frontend Developer • 2022

ReactTailwind CSSWedding InvitationFrontend

View Live Demo Source

Situation

I built this wedding invitation website for my own wedding as a personal side project. Instead of following the common approach where anyone could access an invitation by changing a query parameter, I wanted a more private system that only allowed registered guests to view their invitation.

Challenge

Designing a secure yet simple invitation validation flow while keeping the experience easy for invited guests.

Decision

I replaced the typical name-based query parameter with a unique invitation code and prioritized a straightforward validation flow before displaying the invitation.

Outcome

The website was successfully used during my wedding. Registered guests could access their invitations through the validation process, and the project also served as a practical learning experience in building a more privacy-focused invitation system.

FoodieMu App

Mobile Developer • 2021–2022

FlutterFirebaseProviderGoogle MapsREST APIMobile App

Situation

FoodieMu App was developed by PT. Inovasi Utama Nusantara in collaboration with Universitas Muhammadiyah Kalimantan Timur. The platform connected customers, UMKM partners, drivers, and students in a food delivery ecosystem. Students could promote local businesses through an affiliate-like model while users ordered food through the mobile app.

Challenge

Building a multi-role food delivery application while learning Flutter for the first time.

Decision

I used Flutter with a modular code structure to manage feature complexity and support Android and iOS from a single codebase.

Outcome

The application was released and used by customers, UMKM partners, and drivers to support real-world food ordering and promotion activities.

Hi Nano

Mobile & Web Developer • 2021–2022

FlutterReactTailwindCSSFirebaseEducationQuiz System

Situation

I worked on Hi Nano, a learning platform focused on nano-related educational content for a client project. The platform consisted of a Flutter mobile application for learners and a React-based admin dashboard for administrators. Both applications were connected through Firebase to manage learning materials, quizzes, and user progress data.

Challenge

Keeping learning data synchronized between the mobile app and admin dashboard while maintaining a consistent Firebase data flow.

Decision

I used Firebase as the central data source shared by both the Flutter application and the React admin dashboard to simplify data synchronization and monitoring.

Outcome

The project was successfully delivered with both the mobile learning app and admin dashboard fully functional, including learning materials, quizzes, and progress tracking features.

Portfolio History