East Java, Indonesia • Available for selected collaborations

Hi, I'm Fandi.
I build interfaces that turn ideas into products people enjoy using.

I've shipped products for real estate, food ordering, e-learning, and POS—across React, Vue, Flutter, and Svelte. I care about how interfaces feel as much as how they work.

View Selected Work Let's Talk

Who I Am

Philosophy

Turning concepts into usable experiences.

Six years across five product domains taught me one thing: understanding the problem deeply comes before picking the framework. Technology is the easy part.

How I Work

I start every project by getting the problem straight. Clear requirements beat clever architecture every time.

Beyond the Editor

Currently obsessed with SvelteKit, editorial typography, cooking, and finding better ways to integrate AI tools into a human-led design process.

Bangkalan, ID

Selected Work

Projects that challenged how I think, collaborate, and build. More case studies coming as I document past work.

ArfaPOS

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

SvelteKitTypeScriptTailwind CSSSupabaseshadcn/uiPOSAI-Assisted DevelopmentVibe CodingSide Project

View Live Demo

Situation & Role

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.

Challenges & Decisions

Designing realistic POS transaction flows while keeping an AI-assisted codebase maintainable and consistent. 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.

Experience

Experiences that shaped how I approach products and teamwork.

IT Staff Frontend Developer

Oct 2025 — Jul 2026

Brighton Real Estate

Migrated more than five legacy PHP pages to Next.js within a 3-month delivery window alongside a cross-functional team of 3 frontend and 2 backend engineers, preserving complex business logic while achieving green Lighthouse and Core Web Vitals assessments across the migrated experiences.
Collaborated with the team to separate the Agent Dashboard into an independent application, reducing complexity in the primary codebase and establishing clearer boundaries for future development and ownership.

Reflection

Working on this migration reinforced my belief that AI-assisted workflows, particularly with tools like Claude Code, are most effective when paired with strong engineering judgment. The biggest gains came from accelerating exploration and iteration while keeping architectural decisions firmly human-driven.

Frontend Staff Developer

Aug 2023 — Aug 2025

PT. Ada Ide Langsung Jalan

Collaborated within a cross-functional team of 11–20 members to deliver three long-running web and mobile products using React and Flutter, adapting quickly to shifting priorities and diverse stakeholder needs.
Contributed to improving project management SOPs through active feedback and process discussions, helping establish clearer ownership and more consistent delivery practices while becoming a go-to person for frontend-related questions within the team.

Reflection

This experience taught me that great products emerge from strong collaboration. Technical skills matter, but shared context, trust, and clear execution processes are what enable teams to consistently deliver meaningful outcomes.

Frontend Developer

Jul 2020 — Aug 2023

PT. Inovasi Utama Nusantara

Delivered 5–6 customer-facing products across domains including food ordering, e-learning, e-commerce, health education, and digital publishing, building responsive experiences with React, Vue.js, and Flutter while adapting quickly to diverse business requirements.
Progressively took ownership of frontend initiatives by contributing to technical solution discussions, serving as the frontend point of contact on selected projects, and bridging communication between UI/UX designers and backend engineers to align product expectations and implementation.

Reflection

This period taught me that technologies evolve faster than careers. The most valuable skill I developed was learning how to learn—adapting quickly to new tools, domains, and challenges while focusing on delivering meaningful products.

IT Support Intern

Jul 2019 — Jul 2020

PUIPT DLI UM

Served as one of the primary contributors to the development of journal conference platforms and institutional websites using CodeIgniter, Bootstrap, HTML, CSS, and JavaScript, gaining early experience delivering solutions for real organizational needs.
Represented the institution at a technology exhibition in Bali by supporting booth operations, demonstrating technology to external audiences, and communicating technical concepts to diverse stakeholders.

Reflection

This internship taught me that the fastest way to grow is through direct experience. Working closely with users, stakeholders, and real-world constraints accelerated my learning far beyond what theory alone could provide.

Web Developer Intern

Jan 2015 — Jun 2015

CV. Girisa Teknologi

Independently developed a hotel data management module using Bootstrap and jQuery, gaining hands-on experience with CRUD workflows, debugging, and translating requirements into working features.
Collaborated closely with fellow interns to solve unfamiliar technical challenges, building confidence through iterative learning and shared problem-solving.

Reflection

This experience taught me that practical experience accelerates growth. Building real features, making mistakes, and learning through experimentation proved far more valuable than waiting until I felt fully prepared.