Terbuka untuk kolaborasi

ditt..

Web · Mobile · UI/UX

Saya membangun produk digital yang benar-benar dipakai orang — portal layanan yang berjalan di domain resmi pemerintah, sistem gudang yang mengelola stok harian, aplikasi keuangan, aplikasi mobile, sampai sistem deteksi berbasis deep learning. Satu produk saya kerjakan utuh: rancang UI/UX-nya di Figma, bangun frontend dan backend-nya, lalu deploy sendiri ke server.

Ilustrasi seorang developer sedang membuat desain antarmuka dan menulis kode
251
Titik lokasi dipetakan
3
Platform: web, mobile, AI
Tentang

Satu orang, satu produk utuh.

Saya membangun produk digital yang benar-benar dipakai orang — portal layanan yang berjalan di domain resmi pemerintah, sistem gudang yang mengelola stok harian, aplikasi keuangan, aplikasi mobile, sampai sistem deteksi berbasis deep learning. Satu produk saya kerjakan utuh: rancang UI/UX-nya di Figma, bangun frontend dan backend-nya, lalu deploy sendiri ke server.

Pendidikan
Teknik Informatika — Politeknik Caltex Riau
Lokasi
Riau, Indonesia
Portofolio

Project yang saya kerjakan.

Web App

HARMONITAS

Portal layanan resmi Kanwil Kementerian Hukum Riau untuk harmonisasi Ranperda & Ranperkada. Satu pintu digital bagi Kanwil, Biro Hukum Setda, dan Bagian Hukum Kabupaten/Kota: alur 2 tahap dengan 7 dokumen terstandar, akses berbasis peran dan wilayah, pelacakan status real-time, asisten AI pra-harmonisasi, serta generator draf surat resmi .docx otomatis.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • AI Integration
  • Docx
Web App

FLOW.ID

Aplikasi pencatatan keuangan pribadi dengan pelacakan net worth real-time, budgeting per kategori, utang-piutang, manajemen kartu kredit dan tagihan rutin, serta target tabungan. Dilengkapi bot Telegram untuk input transaksi lewat chat dan asisten AI yang membaca struk belanja secara otomatis.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Telegram Bot API
  • AI OCR
Mobile App

SiBapak Mobile

Aplikasi Android pendamping SiBapak Riau. Membawa data Pos Bantuan Hukum ke genggaman masyarakat: mencari Posbankum terdekat, melihat paralegal aktif di desa/kelurahan, dan mengakses informasi layanan bantuan hukum gratis kapan saja.

  • Flutter
  • Dart
  • REST API
AI / ML

Sistem Deteksi Kendaraan AI

Sistem deteksi kendaraan berbasis deep learning. Model dilatih dengan Python, lalu diekspor ke ONNX sehingga bisa berjalan sepenuhnya di sisi pengguna — versi web memakai ONNX Runtime WebAssembly langsung di browser (tanpa server, gambar tidak pernah dikirim ke internet) dengan input foto, video, maupun kamera live, serta tersedia versi Android native.

  • Python
  • Deep Learning
  • ONNX
  • Kotlin
  • Android
Web App

SiBapak Riau

Sistem Informasi Posbankum Berdampak milik Kanwil Kementerian Hukum Riau. Memetakan 251 lokasi Pos Bantuan Hukum se-Provinsi Riau lewat peta interaktif, menampilkan data 358 paralegal terdaftar beserta status keaktifannya, dan terhubung dengan portal TUANKU Pengadilan Tinggi Riau untuk layanan hukum online.

  • Next.js
  • TypeScript
  • Peta Interaktif
  • MySQL
Web App

PASIH PERDA

Platform Pendampingan Analisis & Evaluasi Hukum Peraturan Daerah milik Kanwil Kementerian Hukum Riau, berjalan di domain resmi kemenkum.go.id. Membuka hasil analisis dan evaluasi perda untuk publik — termasuk keperluan akademik dan penelitian — serta mengintegrasikan data regulasi 13 pemerintah daerah se-Provinsi Riau dalam satu portal.

  • Next.js
  • TypeScript
  • MySQL
  • VPS

Project lainnya

Web App

PrintDrop

Sistem manajemen antrean cetak berbasis cloud untuk usaha fotocopy. Pelanggan mengirim dokumen langsung dari HP lewat QR code per printer, pemilik toko mengelolanya dari satu dashboard dengan sinkronisasi realtime, upload multi-file, dan proteksi PIN.

  • Next.js
  • TypeScript
  • Realtime Database
  • QR Code
Web App

Semengu — Sistem Gudang Terintegrasi

Aplikasi manajemen gudang semen untuk PT Ris Investindo: stok multi-gudang dengan peringatan stok minimum, alur approval penjualan, surat jalan dan tracking armada, hingga laporan keuangan penjualan, piutang, dan biaya operasional. Mendukung akses multi-role.

  • Next.js
  • TypeScript
  • PostgreSQL
  • Tailwind CSS
Web App

SIMT — Platform Manajemen Pelatihan

Platform katalog dan manajemen program pelatihan: pencarian per kategori, detail durasi dan harga tiap kelas, rating serta testimoni alumni, dan alur konsultasi via WhatsApp.

  • Next.js
  • TypeScript
  • Tailwind CSS
Company Profile

Katalog PT Ris Investindo Sarana

Company profile dan katalog produk untuk distributor resmi Semen Padang, Dynamix, dan Merdeka. Menampilkan profil perusahaan, spesifikasi tiap tipe semen, statistik jangkauan distribusi, FAQ, dan kanal kontak sales langsung.

  • Next.js
  • Tailwind CSS
  • Framer Motion
UI/UX Design

Desain UI/UX Aplikasi Sibapak

Perancangan antarmuka dan alur pengguna aplikasi Sibapak di Figma, mulai dari wireframe hingga desain akhir yang siap dikembangkan menjadi aplikasi Flutter.

  • Figma
  • UI Design
  • Prototyping
Desain & Kreatif

Portofolio Desain Grafis & Fotografi

Kumpulan karya visual di luar pengembangan aplikasi: fotografi event dan street, desain spanduk, sertifikat, poster, dan logo, editing video, serta pembuatan filter Instagram dengan Spark AR.

  • Canva
  • Spark AR
  • Filmora
  • Fotografi
Kemampuan

Alat yang saya pakai.

Bahasa

  • TypeScript
  • JavaScript
  • Dart
  • Kotlin
  • Python
  • SQL

Frontend

  • React
  • Next.js
  • Tailwind CSS

Backend

  • Node.js
  • REST API
  • Realtime Sync

Mobile

  • Flutter
  • Android (Kotlin)

AI / Machine Learning

  • Deep Learning
  • ONNX Runtime
  • Computer Vision

Database

  • MySQL
  • PostgreSQL
  • Supabase

Integrasi

  • Telegram Bot API
  • AI / OCR
  • WhatsApp API

Desain

  • Figma
  • UI/UX
  • Canva
  • Spark AR
  • Filmora

Server & Deployment

  • VPS
  • Nginx
  • Apache
  • Domain & DNS
  • Vercel

Tools

  • Git
  • Figma
Kontak

Mari bikin sesuatubersama.

Punya project, tugas akhir, atau tawaran kerja? Kirim email — biasanya saya balas dalam satu hari.