Portofolio Karya

Koleksi Project Saya

Eksplorasi aplikasi web, sistem backend, otomasi, dan desain antarmuka interaktif yang telah saya rancang dan kembangkan.

Menampilkan 10 dari 10 project
Full-Stack DeveloperMar 2026

Certify Platform

Platform manajemen sertifikat digital untuk Event Organizer terintegrasi dengan template builder dan sistem pembayaran.

  • Mengembangkan template builder interaktif dengan drag-and-drop canvas untuk pembuatan desain sertifikat unik.
  • Mengintegrasikan sistem pembayaran paket langganan menggunakan Midtrans Snap Token.
  • Mengoptimalkan pembuatan PDF (DomPDF) dan pengiriman email massal secara asinkron menggunakan Laravel Queue.
Laravel 11Filament v3MySQLTailwind CSSMidtransDomPDF
Front-End DeveloperFeb 2026

FrameCut

Aplikasi web client-side untuk memotong dan membuat area transparan pada bingkai foto PNG secara instan.

  • Mengimplementasikan algoritma pemrosesan piksel canvas untuk mendeteksi warna target secara otomatis.
  • Membuat kontrol toleransi warna (tolerance) dan kelembutan tepian (edge softness) secara real-time.
  • Menyediakan fitur zoom-in, zoom-out, dan fit-to-screen untuk presisi manipulasi gambar.
HTML5CSS3JavaScriptCanvas API
AI EngineerJan 2026

HealthCare AI

Asisten medis digital berbasis kecerdasan buatan untuk konsultasi kesehatan interaktif 24/7.

  • Mengintegrasikan Google Gemini API (Flash/Pro) untuk memberikan diagnosis gejala awal secara kontekstual dan aman.
  • Membangun antarmuka chat responsif dan modern dengan retensi konteks percakapan.
  • Mengimplementasikan mekanisme persistensi API key lokal demi keamanan akses pengguna.
PythonStreamlitGemini APIGoogle GenAI
Full-Stack DeveloperDes 2025

Solaria App

Sistem e-commerce dan manajemen restoran terintegrasi dengan pemesanan real-time.

  • Mengembangkan dashboard administrasi lengkap menggunakan Next.js App Router.
  • Mengintegrasikan PostgreSQL (Neon DB) untuk memproses data menu, transaksi, dan akun pengguna.
  • Mengimplementasikan skema migrasi database otomatis untuk sinkronisasi lokal ke produksi.
Next.jsTailwind CSSPostgreSQLNeon DBVercel
Python DeveloperNov 2025

LockMe

Aplikasi enkripsi dan dekripsi file tingkat militer berbasis web lokal.

  • Menerapkan algoritma enkripsi simetris AES-256-GCM dikombinasikan dengan PBKDF2-HMAC-SHA256 untuk derivasi kunci.
  • Menggunakan random salt (16-byte) dan nonce (12-byte) acak untuk menjamin keamanan setiap file terenkripsi.
  • Mendesain antarmuka modern yang memproses seluruh file di memori lokal tanpa penyimpanan server.
PythonStreamlitCryptographyAES-256 GCM
Front-End & Creative EngineerOkt 2025

Fotosphere Kiosk

Aplikasi self-service kiosk cetak foto otomatis dengan UI interaktif.

  • Mendesain UI/UX bergaya glassmorphism modern dengan mikro-animasi premium menggunakan Framer Motion.
  • Mengintegrasikan hardware kamera DSLR dan printer foto untuk proses cetak otomatis.
  • Mengoptimalkan performa rendering gambar beresolusi tinggi di sisi klien.
ReactCSS ModulesFramer MotionElectron
Python DeveloperSep 2025

NanoPic

Alat kompresi gambar berbasis web yang mampu menghemat ruang penyimpanan tanpa merusak kualitas visual.

  • Mengembangkan fitur kompresi gambar tunggal maupun batch (banyak file) dengan opsi format output JPEG, PNG, dan WEBP.
  • Menyediakan kontrol kualitas kompresi dinamis dan penyesuaian resolusi lebar maksimum.
  • Mengintegrasikan fitur pengunduhan paket ZIP otomatis untuk hasil pemrosesan batch gambar.
PythonStreamlitPillow (PIL)Zipfile
Full-Stack DeveloperAgt 2025

SmashZone

Sistem informasi booking lapangan bulutangkis terintegrasi dengan perhitungan tarif otomatis.

  • Mengembangkan sistem jadwal lapangan real-time berbasis AJAX untuk mencegah tumpang tindih pemesanan.
  • Membuat dashboard statistik bagi admin untuk memantau pendapatan, jumlah transaksi, dan aktivitas pengguna.
  • Mengimplementasikan fitur kelola status pemesanan (pending, confirmed, completed, cancelled) beserta alasan pembatalan.
Laravel 10MySQLBootstrap 5AJAX (jQuery)
Front-End DeveloperJul 2025

StagePass

Aplikasi web mobile-first untuk pemesanan tiket konser interaktif dengan peta kursi dinamis.

  • Membangun denah kursi (seat map) interaktif dengan status keterisian kursi yang disimpan secara lokal.
  • Mengintegrasikan QR code generator dinamis yang menghasilkan tiket unik sekali pakai setelah checkout.
  • Menyediakan modul scanner untuk memvalidasi tiket masuk (check-in) baik secara manual maupun menggunakan kamera.
HTML5CSS3JavaScriptlocalStorage
Lead Full-Stack DeveloperMei 2025

Esa Corner Information Kiosk

Platform kiosk informasi akademik dan sistem antrean terintegrasi di Universitas Esa Unggul.

  • Membangun sistem antrean akademik terdistribusi dengan response time di bawah 100ms.
  • Membuat modul manajemen interaksi mahasiswa yang mudah dikonfigurasi oleh staf admin.
  • Meningkatkan efisiensi layanan administrasi mahasiswa hingga 45% di pusat layanan Esa Corner.
LaravelMySQLTailwind CSSLivewire