Farhan Alfaraby | Fullstack Developer & UI/UX Designer

01 ABOUT / FARHAN

Fullstack & Coding Teacher.

BRIDGING THE GAP BETWEEN CODE PRECISION AND VISUAL STORYTELLING.

Passionate about building functional web systems and mentoring aspiring developers through high-quality coding education.

I am a Fullstack Developer, UI/UX Designer, and coding instructor who loves bridging technical implementation with user-centric design. Currently in my 6th semester at Politeknik IDN Bogor, I work actively with kodeflow.id Pasuruan, East Java, to build scalable products.

With a background in modern web stacks (Laravel, Next.js, Flutter) and low-code platforms (FlutterFlow), I approach every project as a balance between robust code, educational clarity, and intuitive user experiences.

3+

YEARS CODING

2+

YEARS TEACHING

10+

MODERN TECHS

“I believe great code is like teaching — it should be clear, structured, and empower others to build.”

— FARHAN ALFARABY

SKILLS & TOOLS

HTML / CSS

JAVASCRIPT

PHP

SVELTE

LARAVEL

NEXT.JS

SUPABASE

FLUTTER

HTML / CSS

JAVASCRIPT

PHP

SVELTE

LARAVEL

NEXT.JS

SUPABASE

FLUTTER

FLUTTERFLOW

MYSQL

POSTGRESQL

THUNKABLE

widgets

KODULAR

UI/UX DESIGN

school

CODING EDUCATION

FLUTTERFLOW

MYSQL

POSTGRESQL

THUNKABLE

widgets

KODULAR

UI/UX DESIGN

school

CODING EDUCATION

BEYOND THE SCREEN

When I'm not developing or teaching, I explore new frameworks, design UI mockups, and contribute to student activities. I believe the best way to learn is to build, and the best way to master is to teach.

I seek to make technology accessible and enjoyable for everyone, whether through intuitive digital products or comprehensive coding mentorship.

BASED IN Pasuruan & Bogor, Indonesia

FOCUS Fullstack · UI/UX · Education

AVAILABILITY Open to Roles

AVAILABLE FOR PROJECTS

Let’s Build Something
Remarkable.

Open to freelance collaborations, training sessions,
and fullstack development projects.

PASURUAN & BOGOR FULLSTACK · UI/UX · EDUCATION 3+ YRS CODING

GET IN TOUCH arrow_forward VIEW MY WORK arrow_forward

OR FIND ME ON

GITHUB LINKEDIN MEDIUM

02 SELECTED WORK

Projects built
with intent.

END-TO-END OWNERSHIP FROM SPEC TO PRODUCTION.

P.01

Boarding School Website

Official website for Baitul Quran Camba Islamic boarding school, showcasing institutional profile, educational programs, and student enrollment information for prospective families.

Javascript SveltKit Tailwind MySql

VIEW PROJECT arrow_forward

P.02

KodeFlow

Official website for KodeFlow, an IT vendor agency specializing in web development, mobile applications, and automation services for businesses and organizations across various industries.

Laravel Svelte TAILWIND postgresql

VIEW PROJECT arrow_forward

Rayhar — Umrah & International Travel Management

P.03

Rayhar Travel

A Travel-Tech platform for Umrah and international travel management. Built for large-scale travel agencies handling thousands of pilgrims per year with full trip coordination and reporting.

Svelte LARAVEL TAILWIND MYSQL

VIEW PROJECT arrow_forward

03 PROFESSIONAL ARC

Three years coding and teaching web apps.

DEVELOPING WEB SOLUTIONS AND EMPOWERING STUDENTS WITH PROGRAMMING SKILLS.

TIMELINE

2025 — PRESENT

DOMAIN

Web & Mobile Software Development

I. FULLSTACK DEVELOPER

II. CODING TEACHER

III. IT TEACHER

Fullstack Developer & UI/UX Designer

kodeflow.id · Pasuruan, East Java

Working at kodeflow.id, I drive the development of modern web and mobile applications from concept to production. I specialize in designing user journeys and implementing secure, performant backends to deliver robust software solutions.

Fullstack Projects

End-to-end web & mobile solutions.

5+ BUILDS COMPLETED

Deploying high-performance client applications with Svelte, Next.js, and backend systems in Laravel.

Integration Architect

Secure third-party APIs and Supabase hooks.

99.9% UPTIME

Implementing authentication, real-time syncs, and transaction flows for client management portals.

UI/UX Craftsmanship

Designing pixel-perfect mockups in Figma.

10+ USER FLOWS

Bridging the gap between code precision and aesthetic delight to elevate user engagement.

Technical Stack

WEB Laravel, PHP, Next.js, Svelte
MOBILE Flutter, FlutterFlow
DATABASE Supabase, PostgreSQL, MySQL

TIMELINE

2025 — PRESENT

DOMAIN

Software & Low-Code Mentorship

I. FULLSTACK DEVELOPER

II. CODING TEACHER

III. IT TEACHER

Coding Instructor & Mentor

Pondok Pesantren Wahid Hasyim Bangil

Teaching coding at a Pondok Pesantren since 2025. I mentor students in low-code mobile architectures, database structures, and collaborative software engineering, instilling a highly productive coding vibe within a dedicated learning environment.

Pesantren Builds

Fostering application creation among students.

20+ STUDENT BUILDS

Guiding students in designing and deploying responsive, functional mobile apps for community needs.

Vibe Koding

bolt

Nurturing creative flow and coding synergy.

100% FOCUSED VIBE

Establishing a collaborative, high-energy atmosphere where learning syntax feels rewarding and exciting.

Backend Integration

Integrating Supabase for real-time storage.

2+ DB SYSTEMS

Teaching students to sync drag-and-drop interfaces with secure authentication, API hooks, and cloud storage.

Teaching Stack

TOOLS FlutterFlow, UI/UX Design
BACKEND Supabase
VIBE bolt Collaborative Coding, Focus Vibe (Vibe Koding)

TIMELINE

2024 — 2025

DOMAIN

IT & Mobile Education

I. FULLSTACK DEVELOPER

II. CODING TEACHER

III. IT TEACHER

IT & Homeroom Teacher

IDN Boarding School Solo

Teaching coding and serving as a Homeroom Teacher at IDN Boarding School Solo since 2024. I guide students in mobile development using Flutter and Kodular with Firebase backend integrations, alongside core web layouts in HTML, CSS, and JavaScript.

Mobile App Dev

Visual & native application compilation.

30+ STUDENT APPS

Guiding students in building native mobile apps with Flutter (Dart) and Kodular using Firebase as a real-time database.

Fundamental Web

Building solid web layout foundations.

3 CORE TECHS

Teaching raw structural coding using HTML, CSS, and JavaScript to foster structured programming logic.

Academic Mentorship

school

Homeroom guidance & character building.

Homeroom MEMBER CARE

Supervising student behavior, boarding activities, and academic progress in a structured residential environment.

IT Competition Mentor

emoji_events

IT Competition Mentor & Coach

CONTESTS Hackathons
TRACKS Web Technologies, Mobile Apps, UI/UX
GUIDANCE Coding Logic, UI Consistency, Pitch Decks

04 MY WORKS

Three best works, between articles, videos, and IT books.

A BRIEF PRESENTATION OF MY CONTENT AND DIGITAL EDUCATION WORKS.

I.

IT Books

II.

Medium Articles

III.

YouTube

menu_book

A.01 · BOOK

IT Book Guide

An IT guide for 9th graders for school and self-learning.

This book covers basic IT materials, practical tutorials, and real-world examples for students who want to understand technology and programming.

ROLE: Author · Content Curator
YEAR: 2025
STATUS: Public · Available for download

DIGITAL BOOK EDUCATIONAL IT GITHUB

VIEW BOOK arrow_forward

05 TECHNICAL TOOLKIT

The stack under the hood.

FOUR WORKING DISCIPLINES, CARRIED FROM FIRST SKETCH TO SHIPPED SYSTEM.

T.01 CLIENT-SIDE

Frontend

HTML / CSS JAVASCRIPT NEXT.JS SVELTE TAILWIND CSS

T.02 APPS

Mobile

FLUTTER DART FLUTTERFLOW

T.03 SERVER-SIDE

Backend

PHP LARAVEL MYSQL POSTGRESQL SUPABASE apiREST APIS

T.04 NO-CODE

Low Code & Design

FIGMA UI/UX DESIGN FLUTTERFLOW widgetsKODULAR THUNKABLE SCRATCH

06 CONTACT & AVAILABILITY

VOL. 06 - '26

Let's build something good.

Open to freelance collaborations, training sessions, and fullstack development projects where craft and ownership matter. Available in Pasuruan, Bogor, or remote. Reply within 24h.