Loading
Selected Work
Portfolio Gallery
A curated collection of professional solutions and creative experiments — from production automation to passion projects.
IndividualHumas Award Penmad 2026
Developed a robust, serverless web application to facilitate the Humas Award 2026 for Madrasahs in Banjar Regency. The platform streamlines the submission, tracking, and evaluation of digital publications with real-time analytics and dynamic multi-step forms.
- •Real-Time Analytics Dashboard
- •Smart Submission Engine
- •Advanced Anti-Spam & Data Integrity
- •Dynamic Multi-Input Generation
- •Seamless Routing
HTML5/Tailwind/JSChart.jsGoogle Apps ScriptGoogle Sheets
IndividualInventory & Loan System RSISA ICU Banjarbaru
A centralized web application designed to manage the circulation of critical medical equipment within intensive care environments. Provides a transparent, real-time tracking mechanism for high-value assets and automated lending workflows.
- •Real-Time Asset Catalog
- •Automated Lending Workflow
- •Admin Control Center
- •Deadline Monitoring Logic
- •Institutional Reporting
Google Apps ScriptGoogle SheetsHTML/JS/Tailwind CSS
TeamPenmadbanjar.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
IndividualTaskly (Personal To-Do List App)
A full-stack, interactive, and secure personal to-do list app built with a playful Neobrutalism design. Features real-time task management, a live user counter, and Google OAuth with PKCE flow for enhanced security.
- •Google OAuth & Supabase SSR Auth
- •Real-time task management (List & Kanban)
- •Live user presence counter
- •Playful Neobrutalism UI with toast notifications
Next.jsSupabaseTailwind CSS
IndividualEMIS 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
IndividualSI-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
IndividualICU 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
IndividualPojok Statistik Madrasah Kab. Banjar
Developed an interactive digital dashboard replacing static and manual data reports for madrasah education in Banjar Regency. The platform provides transparent, real-time information to the public and stakeholders, enabling faster and more accurate decisions based on current education metrics sourced from the EMIS system.
- •Institutional overview across 18 districts
- •Personnel & student statistics by gender and status
- •Searchable data by madrasah name or NSM code
- •Downloadable raw data for offline use
- •Accreditation status & curriculum tracking
Google Looker StudioGoogle SheetsGoogle ConnectorsEMIS Data
IndividualMadrasah 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
IndividualSI-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 →