I build production web apps, ERP-style systems, CRM workflows, document automation, interactive interfaces, and reliable deployment infrastructure.
GitHub profile proof from Coke1120
TS, JS, Python, C, C++
Operational apps, reports, auth, realtime
Project proof
A website should earn attention. A product should make something easier. Explore live work and hands-on concepts built around both.
Production websites for Hong Kong businesses. Visit the live sites.
Live business services website
A running company website for Hong Kong business services, including company formation, compliance, and corporate support.
Live accounting firm website
A running company website for a Hong Kong CPA practice, covering audit, tax, accounting, and business advisory services.
From first impression to a product choice or project brief. Explore three distinct customer journeys.
Interactive conceptEquestrian perfume & leather goods
An equestrian fragrance and leather house with cinematic campaigns, bilingual collections, detailed product galleries and interactive 3D studies.
Interactive conceptIndependent apparel storefront
An editorial apparel concept with a curated collection, silhouette filters, product size guides, a multi-item bag and a transparent demo checkout.
Interactive conceptSpatial design studio
Explore three spatial concepts, compare the studio’s services and prepare a project brief. A clear path from inspiration to enquiry.
Move a deal, review a case, practise a skill. Try the workflows behind the interface.
Interactive conceptSales operations
Move deals through the pipeline, inspect accounts and manage follow-ups. A working sales workspace with sample data.
Interactive conceptB2B training platform
Answer a question, read the explanation and review your progress across a 110-question practice bank. The learning flow is live; company reporting is a concept.
Interactive conceptCase review workspace
Open a fictional screening case, compare reference details and record a review note. A hands-on compliance workflow using synthetic data only.
Interactive conceptThree-part learning playground
Hear bilingual words, trace characters and practise maths. A learning product designed around clear choices and playful feedback.
Interactive worlds, browser games and scroll films. Studies in what a web experience can be.
Interactive conceptImmersive space simulator
Enter a 3D solar system, change the pace and inspect individual worlds. Interactive learning through exploration.
Interactive conceptScroll interaction study
A scroll-motion study exploring typography, parallax and responsive composition. An experiment with StringTune.
Interactive conceptCinematic equipment study
Follow one sauté pan from material to service in a scroll-directed 3D product story. A study in presenting a physical product online.
Interactive conceptAnimated 2D scroll film
Direct a courier through six illustrated scenes by scrolling forwards or backwards. An experiment in interactive storytelling.
Interactive conceptInteractive miniature world
Move through a miniature world with scroll-controlled camera transitions. A study in turning generated video into an interactive experience.
Interactive conceptPlayable 3D lane defense
Place plants, collect resources and defend three waves. A browser game demonstrating real-time interaction and restartable game states.
Applied capability
The stack is broad, but the story is simple: custom AI products, internal business systems, secure data workflows, and deployment infrastructure.
AI chatbots, assistants, voice apps, multi-provider routing, private AI services, and media-generation workflows.
ERP-style operating tools, Slack-like internal chat, CRM workflows, CMS platforms, multilingual apps, and responsive mobile views.
Secure login, permissions, OCR extraction, reporting, exports, PDFs, spreadsheets, DOCX templates, CSV pipelines, and Adobe product workflows.
Custom-built systems from first principles, with cloud deployment, financial analysis workflows, containers, VMs, tunnels, and AWS services.
Language range
AI FDE operating model
AI FDE work brings LLM, RAG, and agent systems into real enterprise workflows. The goal is not a polished demo; it is a deployed system that connects data, tools, approval paths, monitoring, and measurable outcomes.
Most companies do not only need a model call. They need someone who can connect AI to data, workflow, permissions, risk, and ROI.
A practical path from business target to production workflow.
Confirm the problem, KPI, and operational target.
Find high-value scenarios with feasible risk.
Map ERP, CRM, files, emails, APIs, databases, and permissions.
Put AI into the real workflow with human-in-the-loop controls.
Build an LLM, RAG, or agent prototype against company data.
Define quality checks, approval, compliance, and risk boundaries.
Integrate existing systems and launch into the operating flow.
Track adoption, ROI, and model changes, then adjust the system.
AI agents for business
I help businesses move beyond a generic chatbot by setting up agent stacks that connect to tools, documents, CRMs, ERPs, support workflows, and private deployment requirements.
The setup includes practical boundaries: credentials, human approval steps, logs, fallback providers, and staff-facing instructions so the agent can be maintained after launch.
Discuss an agent workflowSet up OpenClaw, Hermes-Agent, model routing, tools, memory, and role-based permissions around real business workflows.
Connect agents to support, CRM, ERP, document intake, OCR, email triage, and internal knowledge search.
Design compliant alternatives when an AI provider is unavailable in a country: regional routing, fallback models, self-hosted services, and private deployment.
Design approval gates, audit trails, data boundaries, prompt operations, and staff-facing runbooks for production use.
Interaction layer
Layered motion handles layout transitions, the hero proof object, and precise timeline details like this code-line reveal.
Hero build reactor, pointer response, reduced-motion fallback
Section reveals, hover states, card movement, CTA feedback
Accessible buttons, cards, badges, tabs, and dialogs
Precise code-line and metric microinteractions
Send the workflow, the current bottleneck, and the systems it needs to connect to. I can help shape it into a usable, maintainable web application.