04 / PROJECTS

Projects that define my craft

01

ShadowPrice

Founder & Lead Software Engineer

Apr 2026 – Present · live

Next.jsNode.jsTypeScriptn8nOpenAISupabaseLemonSqueezyTailwind CSS

A Model Context Protocol (MCP) server giving AI agents (Claude, Cursor) structured access to B2B SaaS pricing and negotiation intelligence.

Deep Dive

Designed and launched ShadowPrice.dev, a Model Context Protocol (MCP) server giving AI agents (Claude, Cursor) structured access to B2B SaaS pricing and negotiation intelligence. Built an automated data pipeline (n8n + OpenAI GPT-4o-mini) to collect, clean, and structure market pricing data into a Supabase/PostgreSQL database. Developed and published a secure Node.js/TypeScript MCP server distributed via npm, and listed it on the Glama MCP directory. Built the marketing site (Next.js/Astro + Tailwind CSS) and integrated LemonSqueezy for subscription billing, API key provisioning, and transactional email. Live product; not under active feature development.

Challenge & Solution

Structuring unstructured raw text into valid JSON data and building a zero-friction distribution method for AI Agents.

NPM PackageGlama MCP
Key Features
  • Model Context Protocol (MCP) server for AI agents (Claude, Cursor)
  • Automated data pipeline with n8n and OpenAI GPT-4o-mini
  • Node.js/TypeScript MCP server distributed via npm and Glama directory
  • LemonSqueezy integration for subscription billing, API key provisioning, and transactional email
02

PMBP Universitas Mikroskil — Admissions Platform

Frontend Developer

May 2025 – Oct 2026 · live

Vue.jsGSAPInertia.jsAxiosTailwind CSSshadcn/ui

Led the UI/UX redesign and front-end rebuild of the university's official admissions landing page, focused on performance, accessibility, and a clearer mobile experience.

Deep Dive

Led the UI/UX redesign and front-end rebuild of PMBP, the university's official admissions landing page, to modernize its visual identity and boost mobile engagement. Focused on performance, accessibility, and a clearer mobile experience.

03

Homesite Mikroskil — University Homesite

Frontend Developer

Completed Oct 2026 · live

NuxtVue.jsGSAPPiniaNuxt UI

Official homesite for Universitas Mikroskil, built with Nuxt, GSAP-driven interactions, and Pinia state management.

04

SiToko — Retail & Inventory Management System

Fullstack Developer

Oct 2025 – Jan 2026 · live

Next.jsReactTailwind CSSRadix UI

Full-stack POS and inventory platform for small/medium retailers: point-of-sale checkout, real-time stock tracking with low-stock alerts, financial reporting, and vendor/customer debt tracking.

Deep Dive

Full-stack POS and inventory platform for small/medium retailers: point-of-sale checkout, real-time stock tracking with low-stock alerts, financial reporting, and vendor/customer debt tracking.

05

SaaS Battle — B2B SaaS Comparison Platform

Fullstack Developer

Jan – Mar 2026 · live

AstroNode.jsTailwind CSS

Static, SEO-optimized site publishing in-depth comparison articles across 200+ software categories. Built custom Node.js scripts to automate Markdown-to-page content generation and categorization.

Deep Dive

Static, SEO-optimized site publishing in-depth comparison articles across 200+ software categories. Built custom Node.js scripts to automate Markdown-to-page content generation and categorization.

06

Kolab Aja — Creative Freelancing Marketplace

Frontend Developer

PKM-KC National Grant Recipient, 2024 · live

Vue.jsVuetifyCKEditor 5

Multi-role marketplace connecting clients with creative teams. Built the end-to-end project lifecycle (posting, milestone tracking, billing) with role-based access control for clients, teams, controllers, and admins.

Deep Dive

Multi-role marketplace connecting clients with creative teams. Built the end-to-end project lifecycle (posting, milestone tracking, billing) with role-based access control for clients, teams, controllers, and admins.

07

Luminara — Religious Tourism Platform

Frontend Developer

Best Project Award, Kampus Merdeka Batch 8, 2025 · live

ReactReact RouterLeafletTailwind CSSAI

Web platform helping travelers plan spiritual journeys across Medan's multicultural heritage sites, with a map-based directory/itinerary builder and AI-assisted travel recommendations (Google AI, Groq).

Deep Dive

Web platform helping travelers plan spiritual journeys across Medan's multicultural heritage sites, with a map-based directory/itinerary builder and AI-assisted travel recommendations (Google AI, Groq).

08

Jade Music Academy — Music Academy Web Platform

Fullstack Developer

In Progress · in progress

Next.jsReactTailwind CSSLenisFramer Motion

Web platform for a music academy, currently in active development.

09

Payroll Management System

Fullstack Developer

Freelance / Client Project · live

PHPBootstrapSweetAlert2Nginx

Internal web application for managing employee payroll and compensation records.

10

Nukang — Local Service-Provider Finder

Fullstack Developer

Freelance / Client Project · private

FreelanceClient ProjectLocation-based

Location-based platform for finding nearby tradespeople and service providers across categories.

Client project (private repository) — location-based platform for finding nearby tradespeople and service providers across categories.