Work & Systems

Real systems, not tutorials.

Every project has two levels: a quick HR-friendly overview below for rapid scanning (10–20 seconds), and a full technical case study with in-depth architecture, code, and verification proof.

Systems / ERP / WMS NDA-Safe

RPOMS

Router Production Operations Management System

One system for a live router-refurbishment line: the day's production entered once, stock that follows from it, and every router traceable by serial from acceptance to delivery.

RoleIT Systems & Operations LeadIT Systems Architecture, Full-Stack Engineering, Production Line Operations & Deployment

ContextBlue Bee Technologies × ERTH × Maxis programme (Cyberjaya, Malaysia)

Key Highlights

Replaced manual spreadsheets with one unified operational platform covering stock intake, technical acceptance, box packing, delivery, and daily reporting
Stock of routers, chargers, LAN cables, and boxes derived deterministically from the daily report ledger, never hand-edited
Serial-level traceability from acceptance barcode scan to numbered box, delivery dispatch, and automated Delivery Order documentation
October 2026 releases: multi-box delivery batching (PR #6) and paginated inventory history (PR #4) on 12 October; the Refining and Printing workstation, Google sign-in with per-service access and Registry hardening for 250,000 routers on 20 October
Incident response to connection-pool exhaustion (INC-2026-10-11-01): recovered in 15 minutes with zero operational data loss across 382 routers

Technologies & Tools

Next.js 15React 19TypeScriptPostgreSQLSupabaseTailwind CSS v4+3 more

56 related articles

View Case Study

Systems / ERP / WMSSeptember 2026 – present (deployed; hardware validation in progress)

RPOMS Print Engine

Offline-first label printing workstation for the RPOMS refurbishment line

Offline-first browser workstation that drives a thermal Bluetooth printer with zero server latency on the production line.

RoleSole DeveloperHardware Protocol Driver, Canvas 2D Renderer, Offline PWA & Backend

ContextBlue Bee Technologies × ERTH × Maxis programme (Hardware workstation)

Key Highlights

Eliminated manual phone apps and spreadsheets with a single-scan-to-print browser workstation
Deterministic model identification from barcode serial prefix and length without network calls
Offline-by-construction PWA architecture booting and printing from service worker and IndexedDB
Continuous Web Bluetooth session management eliminating paper rewind and feed jitter between labels
Canvas-first template editor with automated raster hash freezing to guarantee physical label alignment

Technologies & Tools

TypeScriptReact 19Web BluetoothCanvas 2DIndexedDBVite 8+2 more

25 related articles

View Case Study

WebsitesSeptember 2026 (homepage deployed; Next.js rebuild in progress)

ERTH

ERTH: production homepage, technical SEO and GEO implementation

A fast, accessible, search-ready homepage for a Malaysian e-waste collector, built from the client-approved design with 3.7 kB of JavaScript, and since rebuilt in Next.js and TypeScript.

RoleFigma UI/UX Designer and Website DeveloperFigma UI/UX Design, Asset Extraction, Static Web Development, Technical SEO, Accessibility & Next.js Rebuild

ContextERTH, e-waste collection and recycling (Cyberjaya, Malaysia)

Key Highlights

Delivered Figma UI/UX design and built the production homepage for an authorized e-waste collection and recycling service in Malaysia
Iterated UI design and components in Figma (ERTH V2.3), establishing responsive layouts, typography, and visual hierarchy
Rebuilt the approved design into pure semantic HTML, CSS, and vanilla JS, eliminating 250 kB of prototype framework runtime
Optimized media payload by more than 75%: reduced 12.0 MB image assets to 2.7 MB using WebP and responsive srcset variants
Engineered comprehensive structured data: Organization/RecyclingCenter, FAQPage (16 Q&As), and WebSite Schema.org JSON-LD

Technologies & Tools

FigmaHTML5CSS3JavaScriptVite 7Schema.org JSON-LD+4 more

15 related articles

View Case Study

Web Apps / Software2026University Project

ResearchForge

ResearchForge: AI research paper assistant

Full-stack AI research assistant engineered with schema validation to decline unsupported queries rather than hallucinate.

RoleSole DeveloperEnd-to-End Planning, Dual-Service Architecture, AI Pipeline & Automated Tests

ContextUniversity of Cyberjaya (BIT4543 AI) — live application deployed on custom domain

Key Highlights

Architected dual-service system on Vercel: FastAPI Python backend paired with Next.js frontend behind a single origin
Enforced 4-layer groundedness: explicit model decline paths, strict schema validation, and immediate discard of invalid outputs
Designed provider abstraction with automatic failover: Groq (qwen3.6-27b) primary with Anthropic (claude-opus-5) fallback
Implemented database-level data isolation via PostgreSQL Row Level Security (RLS) ensuring strict per-user boundaries
Engineered 538 automated tests (522 backend with pytest, 16 frontend with Vitest) running offline without API consumption

Technologies & Tools

Python 3.14FastAPINext.js 16React 19TypeScriptPostgreSQL+4 more

26 related articles

View Case Study

Web Apps / Software NDA-Safe

RPOMS AI

RPOMS AI: router cosmetic inspection where the AI observes and rules decide

Turns a client's photo-based cosmetic criteria into a traceable inspection decision, with an AI that observes and never decides.

RoleSole DeveloperArchitecture, Vision Pipeline, Rule Engine, Evaluation, Self-hosted Inference & Deployment

ContextBlue Bee Technologies × ERTH × Maxis programme (Cyberjaya, Malaysia)

Key Highlights

Vision model output has no verdict field: it reports kind, count, extent and visibility, and a pure, versioned rule engine decides
Qualification gate: a model may only issue the verdicts it proved on the thirteen reference photos, and everything else is Unclear
Quality gate rejects blurred, dark, over-exposed, glare-filled or off-frame photos before any model is called
Free, self-hosted inference: Ollama behind a token-checked gateway and a tunnel, reached from a Vercel deployment
Evaluated honestly: under the gate, 2 correct and 0 wrong verdicts on the references, with the other 11 left Unclear

Technologies & Tools

Next.js 16React 19TypeScriptPostgreSQLSupabaseOllama+3 more

24 related articles

View Case Study

Systems / ERP / WMS NDA-Safe

ITMS

ITMS: BBTech's inventory management system, from an Excel workflow to a web application

An inventory system that evolved from an operational Excel stock tracker into a web application: I developed the advanced Excel logic, contributed maintenance fixes, merged direct label printing, and conducted the hardware-identity audit.

RoleContributor: Excel Automation, Printing Integration & Systems AuditExcel formulas and VBA automation; Print Engine direct integration; drawer UI and CSV export; hardware-identity architecture audit

ContextBBTech (Blue Bee Technologies), Cyberjaya. The web application was developed by another BBTech developer.

Key Highlights

Enhanced the historical BBTech Stock Tracker (Excel): dynamic Group SKU formulas with LET and TEXTJOIN, duplicate barcode validation, and VBA QC transition logs
The Excel workflow's stage concepts (receiving, hardware, QC, e-commerce, warranty) established the baseline for the later web application
Merged direct label printing and CSV export into production on main (commit 0f67de6), connecting ITMS to the standalone Print Engine
Resolved UI defects in the device drawer footer actions and sale timestamp presentation
Conducted the hardware-identity audit: exposed how generated sequential stock tags (HP1) concealed duplicate refurbishments, establishing the need for SMBIOS hardware binding

Technologies & Tools

Microsoft Excel / MS365VBANext.jsTypeScriptSupabaseWeb Bluetooth (via Print Engine)

13 related articles

View Case Study

iOS / MobileSeptember 2026 (web app on Vercel; iOS unpublished)Personal Project

DriveKeep

DriveKeep: photo-first fuel, mileage and maintenance log for iOS and the web

A vehicle log where a refill starts with two photos and every number is labelled as measured or estimated, built as an iOS app, a web app and an API.

RoleSole DeveloperProduct, iOS App, Web App, Backend API, Database & Security, Tests

ContextPersonal project, built for the author's own car and motorcycle

Key Highlights

iOS extraction on the device with Apple Vision, and Apple's Foundation Models returning structured results on iOS 27+
Google sign-in through Supabase without the Google SDK; credentials in the Keychain; sync to row-level-secured tables, off by default
Economy only from full tanks, estimates labelled, and "Not available" instead of any default figure
Next.js web app with server-side OCR (sharp + Tesseract.js) and guards for backwards odometers and duplicate refills
Express 5 API over PGlite with JWT auth, versioned migrations, sync tombstones and backup tooling

Technologies & Tools

SwiftSwiftUIApple VisionFoundation ModelsSupabaseNext.js 16+3 more

11 related articles

View Case Study

iOS / MobileSeptember – October 2026 (Web deployed; iOS simulator & Android local APK)Personal Project

SpenDrop

SpenDrop: tri-platform personal finance and on-device receipt intelligence (iOS, Android, Web)

A tri-platform personal finance system engineered for sub-millisecond persistence (0.240 ms) and on-device receipt OCR across iOS, Android, and the Web.

RoleSole DeveloperProduct Design, iOS Architecture, Android Jetpack Compose App, Web App, ML Kit/Vision OCR Engines, Tests

ContextPersonal project, built for everyday Malaysian payments and multi-platform parity

Key Highlights

Tri-platform parity: Native iOS (SwiftData/SwiftUI), native Android (Kotlin/Compose/Room), and Next.js 15 Web PWA
Sub-millisecond local persistence: 0.240 ms on-device save latency with background persistent outbox sync active (PR #5)
On-device OCR without cloud APIs: Apple Vision on iOS, Google ML Kit on Android, covering Malaysian bank receipts and e-wallets
9.8k AI evaluation corpus: 9,811 test cases across train, dev, holdout, and adversarial sets with an independent integer-sen math oracle (PR #4)
Hybrid Split: Combines group fixed, individual fixed, and automatic remainder distribution without sen rounding discrepancies

Technologies & Tools

SwiftSwiftUISwiftDataKotlinJetpack ComposeRoom SQLite+4 more

21 related articles

View Case Study

Web Apps / SoftwareOctober 2026 (live)Personal Project

rukon-link

rukon-link: QR link hub with gated contact details and first-party analytics

One QR code for every profile, without putting private contact details in the page.

RoleSole DeveloperProduct, Full-Stack Build, Database, Security & Analytics

ContextPersonal project

Key Highlights

Contact details live only in server-side environment variables and are released per request, never shipped in the page
Contact form with same-site checks, a honeypot, a minimum fill time, validation and a database-backed rate limit
First-party analytics with no cookies or third-party trackers; addresses are stored only as a daily-rotating salted hash
Admin dashboard: traffic, sources, devices and locations, per-link clicks, and a contact-request inbox
Retention settings with a scheduled purge that rolls old events up into daily totals

Technologies & Tools

Next.js 16React 19TypeScriptSupabasePostgreSQLTailwind CSS v4

9 related articles

View Case Study

Systems / ERP / WMS NDA-Safe

BBTech Laptop Tool

BBTech Laptop Tool: Portable Hardware QC, SMBIOS Identity & Refurbishment Audit Utility

Zero-install .NET 8 desktop utility extracting immutable SMBIOS hardware serials, battery health, and encrypted QC audit logs.

RoleSole DeveloperArchitecture, WMI/SMBIOS hardware abstraction, WPF MVVM UI, encrypted local journaling, and test engineering (685 tests).

ContextBlue Bee Technologies refurbishment production line.

Key Highlights

Eliminated manual spec-entry errors by extracting immutable hardware identity directly from BIOS/SMBIOS
Architected encrypted on-device JSON audit journal to detect recurrent returns and prevent tampering
685 automated xUnit tests validating hardware parsing, validation rules, and crypto storage

Technologies & Tools

C#.NET 8WPFWin32 WMI / SMBIOSxUnitAES Encryption

3 related articles

View Case Study

Systems / ERP / WMS NDA-Safe

ERTH Router Retest & Distribution

ERTH Router Retest & Cleaning Operations Management System

Production floor management web app tracking router cleaning quotas, tiered productivity points, and daily achievement reporting.

RoleSole DeveloperComplete full-stack implementation: Next.js 15 App Router, PostgreSQL schema design, Google OIDC PKCE authentication, and floor workstation UI.

ContextERTH router refurbishment operations.

Key Highlights

Digitized manual router distribution with weighted point calculations across 4 cleaning difficulty levels
Implemented high-speed Return & Sort workstation supporting both physical USB 2D scanners and webcams
Designed fully independent architecture with dedicated PostgreSQL instance and zero coupling to RPOMS

Technologies & Tools

Next.js 15React 19TypeScriptPostgreSQLGoogle OIDC PKCETailwind CSS

1 related article

View Case Study

Web Apps / Software2024 - 2026Personal Project

Startup Research Hub

Startup Research Hub Malaysia: YC Model Taxonomy & AI Financial Watchlist

Zero-dependency single-file market intelligence platform analyzing 100 YC business models and 50 AI financial metrics.

RoleSole Developer & ResearcherComplete development and market analysis: architecture, embedded relational JSON engine, responsive UI, and financial research.

ContextIndependent venture research and market analysis.

Key Highlights

Engineered zero-dependency 238 KB single-file architecture running 100% client-side with zero hosting cost
Structured taxonomy of 100 Malaysian market archetypes mapped to Y Combinator venture playbooks
Built responsive multi-attribute filtering engine with instant search and dynamic client-side CSV export

Technologies & Tools

HTML5CSS3Vanilla JavaScriptEmbedded JSONClient-Side CSV Engine

Independent Project

View Case Study

Systems / ERP / WMS NDA-Safe

BBTech Laptop Inspection Tool

BBTech Laptop Inspection Tool: driver inspection and official-source repair for refurbished laptops

Desktop inspection tool that finds and repairs driver problems on refurbished laptops from official sources only, with a report per machine.

RoleSole DeveloperDesign and implementation: hardware collection and classification, driver resolution adapters, download and install safety, the verification workflow, the Qt interface, packaging and documentation.

ContextBBTech laptop refurbishment and testing operation.

Key Highlights

Classified every device of a laptop into hardware categories from one read-only WMI pass, with a real captured ThinkPad scan as the test fixture
Resolved drivers from official sources only, with firmware excluded from automatic installation and unsigned packages blocked
Shipped a 1.0.0 installer and a portable single EXE, with 98 automated tests that never install a driver or change Windows

Technologies & Tools

Python 3PySide6 (Qt)PowerShell / WMIWindows Update AgentpnputilSQLite+1 more

1 related article

View Case Study

Web Apps / Software2025 - 2026Personal Project

LinkNest

LinkNest: Multi-Tenant Digital Identity & Privacy-Preserving Contact Hub

Multi-tenant link-in-bio SaaS with privacy-preserving contact requests and Supabase Row Level Security.

RoleSole DeveloperComplete full-stack architecture: Next.js 16 App Router, multi-tenant Supabase schema with RLS, WhatsApp bridge, and quota management.

ContextIndependent SaaS platform.

Key Highlights

Transformed single-user profile site into multi-tenant SaaS with complete data isolation via Supabase RLS
Pioneered privacy-first contact request pattern keeping user phone numbers and emails hidden from scrapers
Built WhatsApp direct messaging bridge supporting preset regional routing (+60 and +880)

Technologies & Tools

Next.js 16React 19TypeScriptTailwind CSSSupabase PostgreSQL with RLS

1 related article

View Case Study