Works

AI applications, real-time collaboration, and payment administration projects I have worked on, alongside personal products I maintain. Each entry describes my role, the problems I addressed, and any available screenshots and links.

Screenshot coming soon
Internal2025–2026

Financial Content Agent & Publishing Platform

Built the content-agent backend and CMS integration, reducing the time from starting an article to final publication from roughly 3–5 days to about one hour.

Independently developed the Python / FastAPI backend, connecting research, outlining, writing, review, revision, and publishing with search services, the database, and the CMS.

Handled tool timeouts, retries, and fallbacks; stored task state, sources, and revision history; and implemented idempotent publishing. Added Langfuse tracing and regression checks based on real business cases.

About 95% of tasks complete the workflow and pass review without manual intervention. A manual review path remains available.

PythonFastAPIOpenAI SDKPostgreSQLLangfuseCMS
Project details
Financial Brand Website & CMS screenshot 1
Live2026

Financial Brand Website & CMS

Built a Next.js brand website and CMS for pages, articles, and media, with content management in 10 languages and integration with the AI publishing workflow.

Built the website and content-management backend from scratch. Operations staff can maintain page modules, news, financial articles, media, and localized content in the CMS.

Connected the CMS to the content agent so generated articles can enter the draft and publishing workflow. The website also includes a chatbot for product, service, and FAQ queries.

Implemented responsive layouts, cross-browser compatibility, SEO, and page motion, including scroll effects, entrances, and hover feedback.

Next.jsCMSAI Chatboti18nSEO
Visit site
API Docs Collaborative Editor screenshot 1
Internal2025

API Docs Collaborative Editor

Led development of an internal API documentation platform from scratch, building the Vue front end and Node.js backend with ShareDB and WebSocket for simultaneous editing.

Built the client, admin interface, and backend APIs for shared API documentation. Used ShareDB operational transformation to handle concurrent edits and WebSocket to synchronize document operations and state.

Handled document subscriptions, reconnection, and connection recovery. Added JWT authentication, Google Authenticator two-factor authentication, Redis caching for frequently accessed document data, Excel import/export, and dashboards.

Also implemented light and dark themes and interface motion. The system requires authentication; this page shows interface screenshots suitable for public display.

VueNode.jsShareDBWebSocketOTRedis
Visit site
Screenshot coming soon
Internal2023–2025

Taozi Bear Card Payment System

Developed and refactored the Taozi Bear Card payment admin system with React + Vite, covering transaction, accounting, and risk-management pages for internal operations.

Built React pages and integrated backend APIs, implementing and refactoring transaction, accounting, and risk-related displays and actions for payment operations.

The system serves internal operations teams and contains customer and transaction data. This entry covers my responsibilities and implementation scope.

ReactVitePayment AdminTransactionsRisk Management
Screenshot coming soon
Internal2023–2025

Aleta Planet Card Admin

Led front-end refactoring of the payment admin system, focusing on the JSP-to-Vue 3 + Vite migration, core pages, shared components, and complex business features.

The refactoring across both payment systems covered more than 100 functional modules spanning accounts, virtual cards, transactions, settlement, reporting, and risk controls. The main JSP-to-Vue 3 migration was completed in this system.

Implemented dynamic route permissions, two-factor authentication, KYC video previews, data visualization, and bulk report import/export for operations, payment, and risk teams.

Extracted shared query and business components for repeated search and table patterns across modules. This internal system is represented here through its responsibilities and implementation scope.

Vue 3ViteJSP MigrationPermissionsKYCECharts
Workflow Automation
UpdatingLong-term

Workflow Automation

Used n8n to connect data collection, content processing, notifications, and publishing, reducing repetitive work across systems.

For news publishing, connected topic search, deduplication, article parsing, AI rewriting, localization, and CMS publishing, followed by sitemap updates and execution reports in DingTalk.

Organized repeated steps into reusable nodes and workflows, making it easier to change sources, processing steps, and publishing destinations.

n8nWorkflowAutomationAI
WeChat Mini Programs screenshot 1
LiveLong-term

WeChat Mini Programs

Three WeChat mini programs: Mashang Scorekeeper, Watermark Wallpaper Duck, and Roco Universal Assistant—for casual tools and game helpers.

Mashang Scorekeeper: A free, ad-free score tracker for mahjong nights—rooms, scoring, settlement, and history, plus small side utilities between rounds.

Watermark Wallpaper Duck: Parses share links from Douyin, Xiaohongshu, WeChat articles, and more to save images and wallpapers without watermarks.

Roco Universal Assistant: A helper for Roco Kingdom: World players—check traveling merchants, hatching, home bases, and player info without launching the game every time.

WeChat Mini Programuni-appToolsGame
Watermark Wallpaper Duck screenshot 1
Live2026

Watermark Wallpaper Duck

A live Next.js online watermark-removal tool for WeChat articles, Douyin, Xiaohongshu, Kuaishou, and Bilibili—paste a share link to parse and download watermark-free media.

The web edition of Watermark Wallpaper Duck for users who want a lightweight flow without installing an app or signing in: open the page, paste a share link or token, and download the original media in one step.

It supports major platforms including WeChat official accounts, Douyin, Xiaohongshu, Kuaishou, and Bilibili, with an API pricing page and a WeChat mini program entry for both end users and developers.

Built with Next.js with a focus on SEO and first-screen performance, plus docs, FAQs, and structured data for discoverability.

Next.jsTypeScriptDewatermarkAPISEO
Visit site
WebP Local Image Converter & Compressor screenshot 1
Live2026

WebP Local Image Converter & Compressor

A live Next.js image tool that converts PNG, JPG, GIF, and more to WebP, or compresses JPG, PNG, and WebP in the original format—all locally in the browser.

WebP Local is an image-processing tool with no backend upload flow. File selection, previewing, encoding, and downloads happen in the current browser, making it useful when design files, screenshots, or originals should not be sent to a third-party service.

The converter accepts PNG, JPG/JPEG, GIF, BMP, WebP, and AVIF; GIF exports retain animation frames, timing, and loop data as animated WebP. The compressor supports JPG/JPEG, PNG, and WebP while retaining their original format and pixel dimensions.

It processes up to five images at once and offers quality controls. Selected images, previews, and results clear from local browser memory after 15 minutes. The site also includes dedicated Chinese and English landing pages, a sitemap, and machine-readable documentation.

Next.jsReactWebPImage CompressionLocal ProcessingSEO
Open tool
Personal Blog screenshot 1
LiveOngoing

Personal Blog

A personal site built with Next.js for publishing posts, collecting works, organizing resources, and hosting online tools.

A full-stack personal site built from scratch, supporting Markdown / Obsidian writing, post archives, resource collections, and dozens of small online tools.

The site focuses on reading experience and performance, with dark mode, responsive layouts, and continuous first-screen loading optimizations.

Next.jsTypeScriptTailwind CSSMarkdown
Open home