Enterprise Monorepo UI - CRM/ERP Design System
Eksperimen arsitektur monorepo menggunakan Turborepo untuk mengelola beberapa aplikasi Next.js 15 dalam satu workspace. Fokus utamanya: bikin paket UI bersama yang bisa di-share lintas aplikasi, dan pastikan tipe data tetap sinkron antara frontend dan API layer.
Junior Web Developer
2025
Monorepo & Architecture
Konteks & Kebutuhan Sistem
Mengelola beberapa aplikasi dashboard CRM/ERP yang memiliki kebutuhan UI serupa namun kode tersebar, menyebabkan inkonsistensi desain dan duplikasi usaha pemeliharaan.
Pendekatan & Solusi Teknis
Menerapkan arsitektur monorepo menggunakan Turborepo dengan paket UI bersama berbasis shadcn/ui dan sinkronisasi tipe data end-to-end.
Teknologi & Stack Rekayasa
Jelajahi Proyek Lainnya
Proyek-proyek lain yang mungkin menarik buat kamu lihat
Website SMP Negeri 24 Padang
Website sekolah SMP Negeri 24 Padang yang saya bangun dari nol saat magang. Sebelumnya, sekolah belum punya portal digital yang layak saya rancang arsitektur Next.js App Router dengan rendering SSR/SSG, validasi form Zod, dan SEO terstruktur supaya halaman cepat terindeks dan mudah dikelola staf.
Prediksi Siklon Tropis (Data IBTrACS)
Ini proyek skripsi S1 saya: membuktikan LSTM bisa prediksi lintasan siklon tropis dengan akurat. Saya uji 12 skenario eksperimen (3 basin × 4 variasi timesteps), dan hasilnya window 8-16 paling bagus - rata-rata error cuma 14,2 km dengan R² 0,999. Modelnya saya konversi ke ONNX supaya bisa jalan langsung di browser, frontend pakai Astro Island Architecture.
Ingstore - Website Penjual Mobil Berbasis CMS
Website showroom mobil yang saya buat supaya calon pembeli bisa eksplor unit, filter berdasarkan spesifikasi, dan langsung hitung simulasi kredit DP dan cicilan bulanan secara real-time. Penjual bisa kelola stok unit lewat struktur CMS yang rapi.
Website Penjualan Rumah
Aplikasi web pencarian properti yang saya bangun pakai Angular Standalone Components murni TypeScript. Fitur utamanya: komparasi 2 properti secara side-by-side, denah arsitektur 2D bertingkat yang bisa di-zoom, dan simulator cicilan KPR pakai formula anuitas Bank Indonesia - semuanya reaktif lewat Angular Signals tanpa library state management tambahan.