Selected Works.

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.

04

Web Development

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.

02

Web Development

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.

Get in touch