Works

A Next.js brand website built for storytelling and conversion. The front end is packed with engaging motion—scroll-driven narratives, staged entrances, and hover feedback—so browsing feels like flipping through a living brochure, not reading a flat brochure PDF.

An intelligent Q&A chatbot is built in, so visitors can ask about products, services, and FAQs in natural language without hunting through pages—giving the brand a always-on reception desk.

A full admin backend keeps articles, page modules, and media in one place. The entire site supports 10 languages, making it easier to localize content for different regional markets.

An internal API documentation system built with Vue across the stack, where multiple teammates maintain endpoint specs, try-it examples, and version history together—the collaborative editing flow is one of the features I am most proud of.

On the visual side: the logo has a cohesive entrance and state animation, and light/dark theme changes use a smooth transition instead of a hard cut—so even a docs site feels a bit like a product.

Content involves business APIs and team collaboration data, so it is not publicly available and requires login. The portfolio only shows shell UI and motion screenshots.

A payment and financial system built for Taozi Bear Card business operations, handling fund flows and back-office management.

It covers payment pipelines, accounting, and business risk controls in production. UI and data cannot be shared publicly; this entry is a project record only.

A card management backend for Aleta Planet Card, supporting card lifecycle, merchant information, and day-to-day operational configuration.

Deployed in a restricted environment with customer and transaction data, it has no public access or portfolio screenshots—only a record of project involvement.

Ongoing workflow automation practice, mainly using n8n to chain data ingestion, content processing, notifications, and publishing into one pipeline.

Good for news scraping, product listing, scheduled checks, and similar jobs—visual node editing, tweak flows without rewriting scripts, and reuse templates across projects.

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.

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.

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.

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.