Muhammad Hanif

Muhammad Hanif / Lead software engineer / Jakarta

Saya membangun produk yang disukai pengguna dan sistem yang skalabel.

Saya bekerja di seluruh stack serta membentuk fondasi dan budaya yang membantu produk dan tim berkembang.

Lihat karya pilihanMulai percakapan

Terbuka untuk peran lead engineering dan proyek konsultasi pilihan

Yang saya bangunFrontend / backend / tim
  1. 01

    Pengalaman produk

    React, React Native, design system

  2. 02

    Fondasi frontend

    Monorepo, standar, CI/CD

  3. 03

    Backend dan API

    BFF Node.js, API, SQL

  4. 04

    Tim engineering

    Arahan teknis, mentoring, delivery

10+
tahun membangun produk
1M
pengguna game harian di puncak
40%
bundle game lebih kecil
3+
tahun memimpin engineer frontend

Karya pilihan

Produk yang lebih baik. Fondasi yang lebih kuat.

Tiga contoh peningkatan pengalaman pengguna dan fondasi yang membantu tim terus mengembangkan produk.

Xenith

Lead Frontend Engineer

DampakMembangun tim dan produk dari fondasi hingga berkembang dalam skala besar

Membangun produk yang menyenangkan bagi merchant, pengguna mereka, dan orang-orang yang mengelola platform.

Bergabung sebagai founding engineer, membentuk fondasi yang berkembang untuk tiga produk sekaligus menumbuhkan tim dan membangun budaya engineering yang kuat.

Bagian yang terhubung
  1. 01

    2 dashboard + produk end-user

  2. 02

    Xenith UI + monorepo

  3. 03

    CI/CD + AWS edge + BFF Node.js

Yang dibutuhkan
Dua dashboard dan satu produk end-user membutuhkan pengalaman yang konsisten, standar frontend bersama, dan proses rilis yang andal seiring pertumbuhan platform.
Yang saya ubah
Membangun Xenith UI, monorepo frontend, standar engineering, dan CI/CD; mengelola delivery frontend melalui S3, CloudFront, dan Route53; serta menambahkan BFF API dengan Node.js.
Yang membaik
Tiga produk kini memakai design system, monorepo, standar, dan fondasi rilis yang sama sehingga engineer memiliki satu tempat untuk memelihara platform frontend.
  • Design system
  • Monorepo
  • BFF Node.js
  • CloudFront

Shopee Games

Expert Engineer / Team Lead

Dampak1 juta pengguna / bundle 40% lebih kecil

Menjaga platform game regional tetap cepat untuk satu juta pengguna harian.

Memimpin lima engineer yang membangun dan mengoperasikan game Monopoly berbasis React di berbagai region.

Bagian yang terhubung
  1. 01

    Build regional

  2. 02

    Router versi

  3. 03

    Rilis independen

Yang dibutuhkan
Pemain di setiap region membutuhkan campaign dan versi game yang berbeda, sementara campaign aktif harus tetap berjalan selama rilis baru.
Yang saya ubah
Memimpin lima engineer serta membangun library multiversi frontend dan fondasi Webpack agar setiap region dapat merilis secara mandiri dengan bundle yang lebih ringan.
Yang membaik
Mendukung satu juta pengguna harian di puncak, mengurangi ukuran bundle sebesar 40 persen, dan mengurangi deployment yang terhambat campaign aktif sebesar 50 persen.
  • React
  • Webpack
  • Sistem delivery
  • Leadership

Gojek / Midtrans

Senior Frontend Engineer

DampakMigrasi React tanpa mengganggu merchant

Mewujudkan prinsip "bergerak cepat tanpa merusak banyak hal".

Membantu mengalihkan dashboard merchant Rails yang matang menuju React sementara merchant dan tim produk tetap menggunakan aplikasi yang ada.

Bagian yang terhubung
  1. 01

    Dashboard merchant Rails

  2. 02

    Jembatan React + Asphalt

  3. 03

    Modernisasi bertahap

Yang dibutuhkan
Merchant masih bergantung pada produk Rails sementara tim membutuhkan jalur yang aman menuju antarmuka React dan workflow pengembangan frontend yang lebih baik.
Yang saya ubah
Membangun komponen jembatan React di dalam Rails, berkontribusi pada komponen Asphalt, mengganti CRA dengan Webpack khusus, memperbaiki CI/CD, dan membimbing praktik testing frontend.
Yang membaik
Tim dapat memperkenalkan React secara bertahap tanpa mengganggu workflow merchant atau menghentikan delivery fitur pada produk yang ada.
  • React
  • Rails
  • Webpack
  • Design system

Konsultasi

Kerja terarah. Peningkatan yang bermakna.

Saya membantu tim produk melakukan peningkatan terarah pada antarmuka produk, fondasi engineering, delivery, dan cara kerja tim.

Ieko Media

Konsultan Full-stack EngineerProyek tiga bulan

Biaya infrastruktur lebih rendah, rilis lebih cepat, dan fondasi engineering lebih jelas.

Bekerja di frontend, backend, dan DevOps sambil membimbing tim engineering dan mengganti managed platform yang biayanya terus meningkat.

$700+ → <$100
biaya infrastruktur bulanan
10 → 5 menit
waktu deployment

Memindahkan platform ke Docker, Caddy, Portainer, dan DigitalOcean Droplet; menambahkan CI/CD otomatis; serta membuat fondasi monorepo yang dapat digunakan ulang dengan panduan pengembangan bersama.

  • Full stack
  • DevOps
  • Monorepo
  • Mentoring

DesignFiles.co

Konsultan Frontend EngineerJun 2021 - Des 2022

Menghadirkan pengalaman produk modern di atas stack Rails yang matang.

Bekerja sebagai satu-satunya konsultan frontend di dalam codebase Rails yang matang, menggunakan template Ruby, Sass, Gulp, dan vanilla JavaScript tanpa mengandalkan penulisan ulang dengan framework baru.

Membuat aplikasi utama responsif di mobile dan desktop serta membangun pengalaman tutorial video interaktif, menghadirkan UX modern dalam batasan stack legacy yang telah teruji.

  • Template Ruby
  • Sass
  • Gulp
  • Vanilla JavaScript
  • Modernisasi legacy

Karier

Satu dekade bersama produk, platform, dan tim.

Peran terbaru ditampilkan lebih rinci; pekerjaan sebelumnya menunjukkan perjalanan dari mobile SDK hingga leadership teknis.

  1. Xenith

    Lead Frontend Engineer / Full-stack Engineer

    Pembayaran lintas negara, design system, monorepo frontend, BFF API Node.js, dan delivery frontend di AWS.

    Mei 2024 - Sekarang

  2. Fungsi

    Founder / Independent AI Engineer

    Lab independen untuk coding agent, AI gateway, deployment aplikasi, dan infrastruktur berbiaya rendah.

    Nov 2025 - Mei 2026

  3. Gojek / Midtrans

    Senior Frontend Engineer

    Modernisasi produk pembayaran dan migrasi frontend bertahap.

    Apr 2022 - Jun 2023

  4. Shopee Games

    Expert Software Engineer / Team Lead

    Sistem game berskala tinggi, delivery regional, performa, dan leadership tim.

    Apr 2020 - Jan 2022

Pengalaman sebelumnya

Pekerjaan sebelumnya mencakup platform properti, produk commerce React Native, dan aplikasi live-streaming dengan modul beauty filter native untuk iOS.

Tulisan

Catatan dari meja kerja.

Eksperimen, sistem, dan pelajaran yang menjadi lebih jelas setelah dituliskan.

Lihat semua tulisan

  1. Sisi Kasar AI Agent untuk Frontend Development Saat Ini

    Bagian yang masih menyulitkan frontend agent serta perubahan browser dan tooling yang dapat membuatnya lebih andal.

  2. Memory di Javascript

    tiga kata lucu sih ini.

Mulai percakapan

Sedang membangun produk yang perlu berkembang?

Saya terbuka untuk peran lead engineering dan proyek konsultasi pilihan di frontend, backend, fondasi platform, dan delivery.

Kirim email

Atau kirim email langsung[email protected]