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.

Education

Politeknik Negeri Cilacap

Jul 2023 - Present

Associate Degree (D3), Informatics Engineering · Cilacap, Indonesia

  • Studying full-stack web development using modern frameworks (React.js, Next.js, Laravel, NestJS).
  • Learning fundamental computer networking and MikroTik router configuration.
  • Exploring desktop software and Android application development.
  • Practicing database engineering and data modeling.

Professional Experience

Fullstack Developer & Python Developer, PT Muda Mudi Bersinergi

Apr 2026 - Present

Balikpapan, Indonesia · Remote

  • Develop and maintain multiple Laravel web applications including a school management system, government e-database platform, and book publisher e-commerce.
  • Build a padel court booking and live-streaming platform with Midtrans payment integration, session management, and browser-based video recording.
  • Develop computer vision analytics pipeline for padel court cameras using YOLO for player detection, pose estimation, ball tracking, and real-time game analytics.
  • Train and fine-tune custom YOLO models for sport-specific detection tasks including stroke classification (backhand, forehand, volley, smash) on live court camera feeds.
  • Build data visualization dashboards with geospatial mapping (Leaflet), multi-department statistical reporting, and Excel/PDF export across government data modules.
  • Build company profile websites with admin CMS and AI-powered article generation (Google Gemini) for automated content drafting and scheduling.

IT Staff (Intern), PT Pelindo Multi Terminal

Aug 2025 - Jan 2026

Cilacap, Indonesia · On-site

  • Provided IT support including troubleshooting and maintenance for PCs, printers, and other hardware/software issues.
  • Built a web-based archive management system with transfer/handover workflows, approval processes, and Excel/PDF export.
  • Developed a face recognition attendance system with automatic photo capture to Google Drive and PDF reporting.
  • Created a real-time CCTV monitoring dashboard with health checks, Leaflet maps, WebSocket updates, and WhatsApp notifications.
  • Built a dynamic work monitoring system with custom column schemas, division management, and real-time Socket.IO sync.
  • Developed a PNC room display system for shift assignments and personnel management.
  • Contributed to an AI-powered warehouse object detection system using YOLO and OpenCV for CCTV streams.

Full-Stack Developer, Freelance

Jan 2024 - Present

Remote

  • Designed and built production web applications for clients using Next.js, NestJS, Laravel, and Flutter.
  • Delivered payment gateways, SaaS platforms, ticketing systems, community dashboards, and mobile apps.
  • Engineered multi-protocol printer integration (Web Serial, Web Bluetooth, WebUSB, ESC/POS) for a photo booth SaaS platform, optimizing print quality with Floyd-Steinberg dithering.
  • Handled full project lifecycle from requirements gathering and database design to deployment and maintenance.

System Administration, Kanoman Digital by SBI

Oct 2023 - Apr 2024

Cilacap, Indonesia

  • Configured CentOS-based servers and managed hosting environments using Control Web Panel (CWP).
  • Assigned public IPs, managed DNS zones, and configured essential network services.

Japanese Translator / Editor / Timer, Yuramedia Link

Mar 2022 - Present

Remote

  • Translate, edit, and time subtitles across diverse content types including anime, Chinese dramas, and Western films/series.
  • Part of a localization team handling 50+ titles for clients such as Crunchyroll, Tropics Entertainment, and Minibox.
  • Work across multiple language pairs: Japanese to Indonesian, English to Indonesian, and Chinese to Indonesian.
  • Deliver high-quality translations under tight broadcast deadlines while maintaining natural flow and cultural accuracy.
  • Proficient in subtitle tools such as Aegisub and Subtitle Edit for formatting and timing (.ass/.srt).

Data Entry Operator, Agricultural Census 2023, BPS

Jun 2023 - Aug 2023

Cilacap, Indonesia

  • Entered and validated field survey data into BPS internal systems with high accuracy.
  • Collaborated with fellow operators to meet strict daily quotas and verification standards.
  • Handled sensitive data following operational procedures and maintaining productivity under pressure.

Projects

CCTV Monitoring Dashboard

Internship · Pelindo

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

Archive Management System

Internship · Pelindo

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

Face Recognition Attendance

Internship · Pelindo

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

Work Monitoring System

Internship · Pelindo

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

CCTV Object Detection (YOLO)

Internship · Pelindo

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

Payment Gateway

Payment Platform

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

CilacapConnect

cilacapconnect.com

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

CilacapConnect Mobile App

cilacapconnect.com/download-app

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

Ticket Platform

ticket.bochi.site

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

BOCHI Community Website

bochi.site

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

Dashboard Member

Full-Stack Dashboard

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

VistaPix Photo Booth

vistapix.id

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

VistaPix Booth (Mobile/Kiosk)

Kiosk App

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

Foreva

foreva.id

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

Kotoba

AI Translation Tool

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

Samehada

Automation Pipeline

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

Organization Experience

PROTIC (Programming Community), Web Development Division

Oct 2023 - Oct 2025
  • Participated in regular study sessions and knowledge sharing within the web development division.
  • Contributed to project planning by breaking down tasks based on frontend/backend roles.
  • Collaborated on building web projects from wireframing to deployment using modern stacks.

Technical Skills

Full-Stack
Next.js, NestJS, Laravel, CodeIgniter 4, TypeScript, Node.js, PHP
Frontend
React, Tailwind CSS, Alpine.js, Blade, Framer Motion, Zustand, HTML5, CSS3, JavaScript
Backend
REST API, WebSocket, JWT, OAuth, Swagger, Bull Queue, Socket.io, SQL
Mobile
Flutter, Dart, Riverpod, GoRouter, Dio, Firebase, Freezed, Geolocator
Database
PostgreSQL, MySQL, Redis, Prisma ORM, SQLite, Eloquent, Google Sheets API
DevOps & Tools
Git, Vercel, Cloudflare, Linux CLI (CentOS), CWP, PM2, Vite, Puppeteer, VS Code, Google Drive API
AI / CV
YOLO (v8/v11), OpenCV, Face-API.js, Python
Languages
Indonesian (Native), English (Professional), Japanese (Intermediate-Advanced, preparing for JLPT N2)
Interpersonal
Teamwork & Collaboration, Communication, Time Management, Problem Solving, Adaptability