Perjalanan Developer

Berhasil meluncurkan proyek portofolio baru untuk istri saya, Nurul Fitri. Proyek ini dibangun menggunakan SvelteKit dan Svelte 5, dengan fokus pada desain yang bersih, modern, dan sangat responsif untuk menampilkan karya kreatifnya.

Fitur utama meliputi:

• Internasionalisasi dengan Paraglide JS.
• Styling Modern menggunakan Tailwind CSS.
• Animasi Dinamis untuk pengalaman pengguna yang menarik.
• Performa Teroptimasi untuk waktu pemuatan yang cepat.

Proyek ini merupakan kesempatan besar untuk mengeksplorasi fitur terbaru Svelte 5 dalam lingkungan produksi dunia nyata.

Untuk memperluas jangkauan API Top Hashtags, saya mengembangkan aplikasi seluler native menggunakan .NET MAUI dan C#. Framework lintas platform ini memungkinkan saya menargetkan Android dan iOS dari satu basis kode. Saya fokus membangun antarmuka yang bersih dan responsif dengan MudBlazor untuk memastikan pengalaman pengguna yang lancar saat meriset tagar yang sedang tren.

Validasi data adalah bagian kritis dari aplikasi apa pun. Saya membangun All-in-One Validator API menggunakan TypeScript untuk menyediakan layanan terpusat untuk memvalidasi email, nomor telepon, dan format string kustom. Tantangannya adalah memastikan latensi rendah dan throughput tinggi, yang saya capai dengan mengoptimalkan ekspresi reguler (regex) dan men-deploy-nya di infrastruktur edge.

Saya mengembangkan Sky Scraper API untuk mengekstrak data terstruktur dari situs web yang kompleks dan padat JavaScript. Menggunakan TypeScript dan headless browser, saya membangun sistem yang mampu melewati perlindungan bot dasar dan mengurai konten dinamis. Proyek ini secara signifikan meningkatkan pemahaman saya tentang manipulasi DOM dan pemrosesan antrean asinkron.

Setelah membangun beberapa aplikasi SvelteKit, saya menyadari bahwa saya menulis ulang fungsi pembantu dan komponen UI yang sama. Saya mengkonsolidasikannya ke dalam sveltekit-lib, sebuah pustaka TypeScript open-source. Proyek ini mengajarkan saya seluk-beluk memaketkan modul npm, mengonfigurasi Vite/Rollup untuk build library, dan mempertahankan definisi tipe data yang ketat.

Untuk lebih memahami protokol jaringan dan interceptor, saya membangun pustaka HTTP client kustom dengan TypeScript. Saya berfokus pada penerapan logika percobaan ulang (retry), penyegaran token otomatis, dan pencegat permintaan/respons. Latihan pembelajaran ini memberi saya apresiasi yang jauh lebih dalam terhadap pustaka seperti Axios dan Fetch API bawaan.

Saya mengintegrasikan Large Language Model (LLM) lokal ke dalam antarmuka web menggunakan Ollama dan Svelte. Tantangannya adalah mengelola respons teks yang mengalir (streaming) dengan mulus di UI. Dengan memanfaatkan reaktivitas Svelte dan Streams API, saya mencapai efek mengetik seperti ChatGPT yang berjalan sepenuhnya secara lokal tanpa biaya API eksternal.

Saya mengembangkan API untuk mendecode dan memvalidasi Nomor Induk Kependudukan (NIK) dan Kartu Keluarga (KK) Indonesia menggunakan TypeScript. Sistem ini mengekstrak metadata seperti tanggal lahir, jenis kelamin, dan wilayah dari nomor yang dikodekan. Proyek ini membutuhkan logika yang presisi untuk menangani berbagai aturan dan format yang digunakan dalam sistem identitas nasional Indonesia.

Pada Q3 2024, saya memutuskan untuk memigrasikan portofolio saya ke stack modern menggunakan SvelteKit, Svelte 5 Runes, dan Tailwind CSS.

Tantangan utamanya adalah mencapai keseimbangan antara desain visual tingkat tinggi (seperti efek glassmorphism dan animasi yang mulus) dengan performa super cepat untuk SEO. Dengan menggunakan adapter-static, saya berhasil melakukan generate seluruh situs secara statis, yang menghasilkan nol runtime hydration error dan skor Lighthouse yang sempurna.

Fitur garis waktu (timeline) yang sedang Anda baca saat ini dibangun dengan mem-parsing berkas Markdown pada saat build menggunakan gray-matter dan marked!

Sebagai bagian dari tes engineering untuk PT. Digdaya Olah Teknologi (DOT), saya mengembangkan RESTful API yang kokoh menggunakan C# dan .NET Core. Proyek ini melibatkan autentikasi pengguna, validasi data, dan prinsip-prinsip clean architecture. Ini adalah kesempatan besar untuk menunjukkan keterampilan backend enterprise saya dan kepatuhan yang ketat terhadap prinsip-prinsip SOLID.

Saya memutuskan untuk bereksperimen dengan C# di frontend dengan membangun resume interaktif saya menggunakan Blazor WebAssembly. Saya menulis SCSS kustom untuk menata komponen, sepenuhnya menghindari JavaScript. Proyek ini membuktikan bahwa Blazor adalah framework yang sangat mumpuni untuk membangun aplikasi sisi klien yang kaya menggunakan ekosistem Microsoft.

Saya berpartisipasi dalam tantangan Svelte Advent untuk memperdalam pengetahuan saya tentang ekosistem Svelte. Setiap hari menghadirkan tantangan UI atau teka-teki logika baru, mulai dari komponen sederhana hingga skenario manajemen state yang kompleks. Latihan konsisten ini sangat meningkatkan kecepatan dan kemahiran saya dengan Svelte.

Selama Q3 2023, saya ditugaskan untuk memperkuat fungsionalitas transfer file di seluruh modul GRC API (CRM, Lapak, dan General).

Sistem sebelumnya mengandalkan mekanisme upload secara massal (batch) yang rentan terhadap kegagalan sebagian dan timeout jaringan. Saya melakukan refactor pada fungsionalitas upload agar memproses file tunggal secara berurutan menggunakan .NET Core dan C#, sambil secara bersamaan mengimplementasikan lapisan verifikasi FTPFileExists.

Dengan menerapkan teknik pemrograman defensif dan memastikan Kode Status HTTP yang benar (seperti Bad Request jika file hilang), keandalan API manajemen dokumen kami meningkat drastis, menciptakan jalur distribusi file tingkat enterprise yang sangat kokoh.

Saya merancang dan membangun frontend untuk dasbor manajemen keuangan menggunakan Svelte. Menangani tabel data yang kompleks, pembuatan bagan, dan manajemen state waktu nyata sangatlah penting. Saya sangat memanfaatkan Svelte Stores untuk memastikan bahwa saat sebuah transaksi diperbarui, saldo dan bagan akan memantulkan perubahan tersebut secara instan di seluruh aplikasi.

Saya melakukan refactor pada mesin pembuat tagar menjadi API TypeScript modern. Dengan beralih dari skrip lama ke lingkungan Node.js yang terstruktur, saya meningkatkan maintainability dan performa layanan. Pembaruan ini mencakup penanganan kesalahan yang lebih baik dan antarmuka yang lebih bersih untuk konsumen internal.

Saya secara resmi memulai proyek mainapidev, pusat terpusat untuk semua API utilitas saya. Saya mengadopsi TypeScript untuk memastikan basis kode akan dapat ditingkatkan secara andal seiring bertambahnya layanan mikro yang saya tambahkan. Ini menandai titik balik dalam karier saya di mana saya beralih dari sekadar membuat skrip sekali pakai menjadi merancang ekosistem API yang berskala besar dan aman dari segi tipe data.

Saya membangun undangan pernikahan digital yang indah dan beranimasi menggunakan Svelte. Saya fokus pada pembuatan transisi yang halus dan desain responsif yang tampak hebat di semua perangkat. Proyek ini memungkinkan saya bereksperimen dengan animasi dan transisi bawaan Svelte untuk menciptakan kesan premium untuk acara spesial keluarga.

Untuk memantapkan pemahaman saya tentang arsitektur MVC dan PHP, saya membangun mesin blog fungsional menggunakan Laravel. Saya mengimplementasikan peran pengguna, manajemen konten, dan relasi eloquent untuk komentar dan tagar. Proyek dasar ini membuka jalan bagi karier backend enterprise saya.

Untuk Tugas Akhir universitas saya, saya mengembangkan Sistem Informasi komprehensif menggunakan PHP. Sistem tersebut mengotomatiskan alur kerja administratif yang signifikan dan memerlukan normalisasi basis data yang kompleks. Lulus dengan proyek ini membuktikan kemampuan saya untuk mengumpulkan kebutuhan dunia nyata dan menerjemahkannya menjadi solusi perangkat lunak yang berfungsi.

Kembali pada tahun 2020, saya merambah ke pengembangan backend dengan membuat REST API PHP murni pertama saya dari awal. Saya belajar tentang routing, header HTTP, dan mengembalikan respons JSON tanpa mengandalkan framework yang berat. Itu sangat mendasar, edukatif, dan merupakan batu loncatan yang penting ke dalam dunia backend engineering.

Selama masa PKL, saya mengembangkan Sistem Penerimaan Peserta Didik Baru (PPDB) menggunakan PHP dan MySQL. Ini adalah salah satu proyek dunia nyata pertama saya di mana saya menangani pengiriman formulir yang kompleks, manajemen data siswa, dan pembuatan laporan. Proyek ini mengajarkan saya pentingnya struktur basis data dan pengalaman pengguna dalam aplikasi administratif.