Selected Work

Portfolio Gallery

A curated collection of professional solutions and creative experiments — from production automation to passion projects.

🚀
Team

Penmadbanjar.com (Madrasah Education Web Portal)

Designed and developed the official web portal for the Madrasah Education Section of the Ministry of Religious Affairs in Banjar Regency. Transitioned manual information dissemination and administrative services into a centralized digital system, focusing on maximizing efficiency and minimizing costs.

  • Responsive public interface
  • Modern admin panel
  • Pure CSS animations
  • First Load JS under 130kB
  • Automated SEO
  • Integrated text editor
Next.js 14TypeScriptTailwind CSS
📊
Individual

EMIS Student Data Automation

Built an automation script using Google Apps Script to extract student data directly from the Ministry's EMIS system. Replaced manual recapitulation by processing dozens of institutional records simultaneously and automatically organizing them into Google Sheets.

  • Mass extraction
  • Auto-sheet creation
  • Targeted data filtering (14 columns)
  • Full-page server navigation
Google Apps ScriptGoogle Sheets
📊
Individual

SI-PELITA (Information and Data Reporting System)

Developed a web-based helpdesk application centralizing all student data correction requests into a single portal. Built entirely on the Google Workspace ecosystem using Apps Script, Sheets, and Drive with a serverless architecture to eliminate third-party hosting costs.

  • Real-time ticket tracking
  • Smart revision system
  • Analytics dashboard
  • Mass processing
  • Duplication prevention
Google Apps ScriptGoogle SheetsHTML/CSSBootstrap
📊
Individual

ICU RSISA Leave Monitoring System

Created a real-time web application to manage and monitor employee leave schedules. Digitized manual data collection into an automated workflow, preventing staff shortages due to overlapping leave schedules using pure Google Workspace tools.

  • Leave submission form
  • Dynamic calendar dashboard
  • Conflict detection
  • Auto-balance calculation
  • Activity logging
Google Apps ScriptGoogle SheetsHTML/CSS/JSSweetAlert2
📊
Individual

Madrasah Profile Data System

Built a web application facilitating rapid profile data updates for Islamic education institutions using Google Apps Script and Sheets. Features integrated NPSN search, smart auto-fill, and automated report generation to ensure data integrity without additional server costs.

  • Integrated NPSN search
  • Smart form auto-fill
  • Strict client/server validation
  • Automated report generator
Google Apps ScriptGoogle SheetsBootstrap 5
📁
Individual

SI-PERKAS (Teacher Allowance Filing System)

Developed an integrated digital system for collecting and verifying document files for teacher and supervisor professional allowances. Transformed manual data collection into a digital workflow using Apps Script, Sheets, and Drive API, completely eliminating physical storage needs.

  • 10MB PDF validation
  • Admin dashboard with caching
  • Auto-archiving
  • Automated folder management
  • Excel export
Google Apps ScriptGoogle SheetsGoogle Drive APIBootstrap 5Chart.js

Read my thoughts on building these solutions.

Read Articles →