Showcase of my work
A minimal, native macOS Markdown viewer. Open .md files straight from Finder with GitHub-styled rendering, Mermaid diagrams, highlighted code, LaTeX math, document search, and auto-reload on file changes.
Built using Electron, Vue 3, TypeScript, Vite, Tailwind CSS
A self-hosted MCP gateway for your tools, accounts, and agent clients. Connect remote MCP servers, approve trusted tools, and issue separate, revocable tokens for each agent while provider credentials stay on your instance.
Built using TypeScript, Fastify, SQLite, Docker
A news portal built as a frontend-only project: I converted the design into code and integrated it with the backend API. Covers the latest and popular news feed, category sections, video carousel, trending ticker, and keyword-based article filtering.
Built using Nuxt.js, Tailwind CSS (native), REST API
A platform for managing NFC and QR cards with dynamic destination links. Customers tap a card or scan its QR code to open a Google Review page, social profile, or business link without installing an app.
Each card keeps a permanent URL while its destination can be updated later. The admin dashboard handles tags, production batches, QR artwork, and scan activity, with a self-service flow for card activation and link management.
Built using TypeScript, React, Hono, Cloudflare Workers, D1, Tailwind CSS
A multi-tenant billing platform for managing customers, service packages, invoices, and payments. Each business gets its own workspace with an admin dashboard and a customer portal for viewing bills and payment history.
The dashboard tracks collection rates, paid and outstanding invoices, and monthly billing trends. Includes payment verification, configurable payment gateways, reports, user management, audit logs, and webhooks.
Built using Go, Gin, GORM, Nuxt, Vue 3, PostgreSQL, Redis, Docker
A multi-tenant Human Resource Management System that brings employee management, attendance, leave, payroll, and document access into one platform. I worked on it as a backend engineer, so my part is the API.
I helped shape the architecture from the start: turning each feature design into a backend plan, designing the database schema and service layer, and building the full REST API on top of it. I also wrote the API documentation so the mobile team could integrate without chasing me for every detail.
Built using Laravel 12, PostgreSQL, Redis, Docker, GitHub Actions
Manapos is a POS system for managing inventory, sales, and purchases.
Built using Laravel 12, Inertia JS, Vue 3, Tailwind CSS
A real-time monitoring system for car transport trailers, with movement tracking and notifications that help the operations team follow each delivery.
The dashboard brings together delivery assignments, trips in progress, and completed shipments. A checkpoint map shows recorded locations and check-in times across departure pools, loading sites, rest stops, and unloading destinations.
Built using Laravel 10, Inertia.js, Vue 3, Tailwind CSS, MySQL, Leaflet
A furniture marketplace website that provides buying and selling services for furniture materials, enabling online transactions.
Built using Laravel 11, AlpineJS, TailwindCSS, Midtrans
A web-based accounting application with features including financial reports, POS, purchasing, sales, user settings, and more; built with Laravel 9 + Inertia + Vue 3 + Tailwind.
Features included in this system: Financial Reports, POS (Cashier), Sales, Purchasing, General Journal (General Ledger), Expenses, Accounts (COA - Chart of Account), Account Categories, Role & Permission Settings
A village website created for Semerak Village, built using Laravel 8 framework and Tailwind CSS.
This website features village biography, village news, public complaints, and online document submission. It facilitates residents in submitting complaints and creating documents online.
A premium e-book containing Laravel and Vue tutorials for beginners with a case study of building a cashier or point of sale (POS) application using Laravel 9, Inertia JS, and Vue JS 3.
Estimator.id Marketplace is a platform for buying and selling construction materials and equipment. Various brands from different products and partners have collaborated with Estimator.id
With this website, users can purchase construction materials and equipment from anywhere. The application supports various payment methods such as ShopeePay, GoPay, Indomaret, bank transfers, etc.
This project was built using PHP Codeigniter 3 Framework, Bootstrap 5, and uses Midtrans as a third-party payment gateway.
Information and registration website for AFG (Advanced for Further Generation) DNCC 2023, built with Vue JS 3 and Tailwind CSS tech stack