A focused collection of systems and experiences built with depth and intention.
05
Web Development
Nuxt CMS - Content Management System
A full-featured content management system built with Nuxt, designed to manage dynamic pages, news, and media assets from a single admin panel.
NuxtDrizzle ORMTypeScriptTailwind CSS
Problem
Managing website content — pages, news, menus, and media — typically requires stitching together multiple tools or hardcoding content directly into the codebase, making updates slow and inaccessible to non-technical users.
Solution
Built a self-hosted CMS with authentication, recursive menu management, dynamic page and news modules, image/file upload handling, album and gallery management, and related-link management — giving admins full control over site content without touching code.
SECA (System for Employment Contract Administration) - Department of Trade, Cooperatives, and MSMEs of Pekalongan City
A web-based system that digitizes and streamlines the full employment contract lifecycle for government agencies.
Next.jsLaravel
Problem
Contract administration was handled manually, causing inefficiencies, processing delays, and difficulty tracking contract statuses.
Solution
Built a centralized platform to create, manage, and monitor contracts with real-time renewal/expiration notifications, structured data management, and reporting for greater transparency and accountability.
03
Web Development
SIPOKMAS (Market and Basic Price Monitoring System) - Department of Trade, Cooperatives, and MSMEs of Pekalongan City
A centralized web platform for real-time monitoring of commodity market prices.
Laravel & Vue.jsMySQL
Problem
Market price monitoring was fragmented and largely manual, making it hard for stakeholders to get accurate, timely insights.
Solution
Digitized data collection and reporting into one platform, enabling real-time price monitoring and analytical insights for faster, more informed decisions.
SIAP (Market Administration Information System) - Department of Trade, Cooperatives, and MSMEs of Pekalongan City
An integrated web platform consolidating market administration into a single system.
Laravel & Vue.jsMySQL
Problem
Trader registration, kiosk/stall licensing, rental and retribution payments, and asset records were managed through separate manual processes, causing scattered data, slow processing, and limited oversight.
Solution
Consolidated all these workflows into one platform — digitizing registration and licensing, managing permits, tracking payments, and maintaining asset records — improving accuracy, speed, and visibility for government agencies.
01
Web Development
STAY (Student and Teacher Attendance Management System) – SMK Negeri 1 Pekalongan
An integrated attendance system with live monitoring for students and teachers using RFID edge devices.
Nest.jsVue.jsCapacitor & IonicPostgreSQL
Problem
Attendance tracking was inefficient and lacked real-time visibility, especially when managing multiple sessions simultaneously.
Solution
Digitized the entire attendance process using RFID identification via Linux-powered (Armbian) edge devices connected to a central server, plus QR code and manual entry for flexibility — enabling real-time session management and centralized, reliable reporting.
Have a project in mind?
Available for selective freelance work and full-time roles that raise the bar.