Digital Offering Loan System
Pengembangan frontend Angular untuk platform pengajuan pinjaman modal digital Bank Mandiri, dengan fokus pada reusable code, internal package library, dan standardisasi antar squad.
Ringkasan
Digital Offering Loan System adalah platform pengajuan pinjaman modal secara digital untuk nasabah Bank Mandiri. Dalam project ini, saya terlibat sebagai Frontend Developer pada pengembangan web Pinjaman Modal Bank Mandiri.
Fokus kontribusi saya berada pada pengembangan frontend Angular, pembuatan reusable npm library, serta inisiasi setup internal package registry agar utility code dapat digunakan secara lebih konsisten lintas squad.
Tantangan
Salah satu tantangan utama dalam project ini adalah jumlah squad yang cukup banyak, sehingga konsistensi code menjadi hal penting. Beberapa kebutuhan frontend berpotensi dibuat berulang oleh squad yang berbeda, baik dalam bentuk utility function, helper, maupun pola implementasi tertentu.
Selain itu, code style yang tidak konsisten dapat membuat proses development dan maintenance menjadi lebih sulit. Karena itu, dibutuhkan pendekatan yang dapat membantu meningkatkan code reuse dan mengurangi duplikasi implementasi antar squad.
Solusi Teknis
Solusi teknis dilakukan dengan memanfaatkan Angular dan TypeScript untuk membangun frontend aplikasi. Saya ikut mengembangkan beberapa bagian pada web Pinjaman Modal, seperti form pengajuan, simulasi pinjaman, upload dokumen, dan status pengajuan.
Di luar pengembangan fitur, saya juga menginisiasi penggunaan Angular decorator untuk kebutuhan utility, salah satunya pada local storage management. Pendekatan ini digunakan sebagai contoh bagaimana behavior tertentu dapat dibungkus menjadi pola yang lebih reusable dan mudah digunakan.
Untuk mendukung reuse lintas squad, saya membuat contoh custom npm library berisi utility function yang dapat dijadikan referensi oleh squad lain. Saya juga menginisiasi setup npm registry menggunakan internal JFrog agar package dapat dipublish, diberi versi, dan digunakan sebagai dependency di project Angular lain.
Kontribusi Utama
- Angular Frontend Development: Mengembangkan beberapa bagian frontend Pinjaman Modal Bank Mandiri menggunakan Angular dan TypeScript, termasuk form pengajuan, simulasi pinjaman, upload dokumen, dan flow status pengajuan.
- Reusable Utility Pattern: Menginisiasi penggunaan Angular decorator untuk kebutuhan utility, termasuk contoh implementasi local storage management sebagai reusable pattern untuk pengembangan frontend.
- Custom NPM Library: Membuat contoh custom npm library berisi utility function yang dapat dijadikan referensi reusable code untuk kebutuhan lintas squad.
- Internal Package Registry: Menginisiasi setup internal npm registry menggunakan JFrog agar reusable package dapat dipublish, diberi versi, dan disiapkan untuk digunakan sebagai dependency di project Angular lain.
Output
Project ini membangun fondasi awal untuk penggunaan reusable frontend utility lintas squad Angular. Custom npm library dan setup internal registry membantu memperkenalkan pendekatan yang lebih terstruktur untuk package versioning, code reuse, dan pengurangan duplikasi implementasi antar tim.