Full-stack developer with 3+ years of hands-on experience building production systems. Works primarily with Next.js, NestJS, Laravel, and Flutter, handling everything from database design and API architecture to responsive frontends and mobile apps. Projects include payment gateways processing real transactions across 20+ channels, community dashboards, ticketing platforms with QR validation, multi-tenant SaaS marketplaces, and mobile apps with geolocation and push notifications. Currently in final semester pursuing an Associate Degree in Informatics Engineering at Politeknik Negeri Cilacap.
Associate Degree (D3), Informatics Engineering · Cilacap, Indonesia
Balikpapan, Indonesia · Remote
Cilacap, Indonesia · On-site
Remote
Cilacap, Indonesia
Remote
Cilacap, Indonesia
Real-time CCTV monitoring dashboard with camera health checks via ping, Leaflet maps showing camera locations, WebSocket live updates, WhatsApp notifications for offline cameras, and automated cron-based health monitoring.
Tech: Next.js, Express, Socket.IO, PostgreSQL, Prisma, Leaflet, Puppeteer, WhatsApp Web.js
Web-based archive management with document metadata tracking, borrowing/return system, transfer/handover approval workflows, Excel & PDF export, and role-based access control.
Tech: Next.js, PostgreSQL, Prisma, ExcelJS, Recharts, JWT
Attendance system with Face-API.js webcam detection, automatic photo upload to Google Drive, PDF report generation, Google OAuth2 integration, and role-based user management.
Tech: Next.js, Face-API.js, Google Drive API, NextAuth, PostgreSQL, Prisma, jsPDF
Dynamic task tracking system with custom column schemas (text, number, date, dropdown), division management, real-time WebSocket synchronization, and multi-client concurrent access.
Tech: Next.js 16, Socket.IO, PostgreSQL, Prisma, TanStack Table
AI-powered warehouse monitoring using YOLO computer vision to detect items in CCTV streams with zone-based detection, object tracking, data collection pipeline, and custom model training.
Tech: Python, YOLOv11/v8, OpenCV, NumPy, RTSP
Multi-tenant payment aggregator integrating DOKU and Midtrans providers with 20+ payment channels, real-time WebSocket updates, dynamic fee management, and webhook delivery system.
Tech: Next.js 15, NestJS 11, PostgreSQL, Prisma, Redis, WebSocket, Swagger
Multi-tenant B2B SaaS business directory and ordering platform. AI-powered content generation (Ollama/OpenAI), Google Maps integration, ordering & reservation system, WhatsApp gateway, and autonomous business research workers.
Tech: Laravel 12, Alpine.js, Tailwind CSS, Ollama, OpenAI, Puppeteer, Laravel Reverb, Redis
Flutter companion app for CilacapConnect. Business directory with geolocation search, push notifications (FCM), e-commerce cart & checkout, and business owner dashboard with analytics and AI content tools.
Tech: Flutter, Riverpod, Dio, Firebase, GoRouter, Freezed, Geolocator
Event ticketing platform with seller management, QR code validation, multiple payment integrations, real-time notifications, PDF generation, and comprehensive analytics.
Tech: Next.js 16, NestJS 11, PostgreSQL, Prisma, Redis, Socket.io, Bull Queue
Official community website with member management, donation system integrating payment gateway, portfolio gallery, blog, and SEO optimization.
Tech: HTML5, CSS3, JavaScript, jQuery, Vercel Serverless, Google Sheets API, Cloudflare Turnstile
Community management dashboard with multi-authentication, treasury management, meeting documentation, photo gallery (Google Drive), and real-time notifications.
Tech: Next.js 16, React 19, NestJS 11, Tailwind CSS, JWT, Google OAuth, Zustand
CMS for Islamic charitable organization. Donation campaign management with web scraping, zakat calculator, document management, menu builder, and admin dashboard.
Tech: Laravel 12, Tailwind CSS 4, Blade, Vite, MySQL, Lucide
Contributed multi-protocol printer integration for a self-service photo booth platform. Built Web Serial (Bluetooth SPP), Web Bluetooth (BLE), WebUSB, and OS-level printing paths with ESC/POS raster commands. Optimized thermal print quality with Floyd-Steinberg dithering and resolved banding artifacts.
Tech: Next.js 16, TypeScript, Prisma, MariaDB, Web Serial API, Web Bluetooth, ESC/POS
Flutter kiosk app for the VistaPix photo booth. Live camera and IP MJPEG capture, on-device photo compositing with Floyd-Steinberg dithering, and multi-protocol thermal printing (BLE GATT, USB OTG ESC/POS, Bluetooth Classic SPP). QRIS payments, lock-task kiosk mode, battery telemetry, and self-hosted OTA updates.
Tech: Flutter, Dart, Riverpod, Dio, ESC/POS, flutter_blue_plus, usb_serial, kiosk_mode
AI-powered selfie booth platform that lets couples visualize themselves in wedding-themed photos. Multi-app product spanning a marketing landing page, operator (mitra) dashboard, booth kiosk, and mobile app, with a theme library and AI generation monitoring.
Tech: Next.js 16, TypeScript, Tailwind CSS 4, Motion, GSAP, Lenis, shadcn/ui
AI subtitle translator and audio transcriber for professional localization. Context-aware translation across 100+ languages with SRT/ASS/VTT style preservation, batch queue processing with ZIP export, audio-to-subtitle transcription, and AI context extraction for series consistency.
Tech: Next.js 16, TypeScript, Bun, Supabase, OpenAI, TanStack Query, Zustand, Sentry
Self-hosted media automation pipeline. Scrapes release sources, orchestrates torrent downloads via qBittorrent, auto-uploads completed files to Google Drive, and tracks every task in real time over WebSockets through a browser control panel.
Tech: Next.js 16, Express, Socket.IO, Prisma, Playwright, Cheerio, Google Drive API