Projects

Completed projects with notes on their design and implementation.

KioskOps AI

An independently designed and developed operations platform for photo kiosks, bringing devices, tasks, incidents, and diagnostic evidence into one workspace to investigate offline devices, failed uploads, and scattered logs.

Next.jsTypeScriptFastAPIPostgreSQLLangChainLangGraphCelerySSE

Implementation notes

Builds the console, APIs, and data models with Next.js, FastAPI, and PostgreSQL, aligning types through OpenAPI with session authentication, booth-scoped authorization, and Redis login rate limits.
Validates device-report idempotency, ordering, and state transitions; updates tasks and incidents in one transaction and links device snapshots and logs to diagnostics.
Uses controlled evidence tools with LangChain / LangGraph, Celery / RabbitMQ background execution, and PostgreSQL checkpoints for tool auditing, retries, and conversation recovery.
Supports SSE text streaming, event replay, and durable cancellation, with pytest, Vitest, and Playwright coverage and ongoing real-model factual-fidelity evaluation.

Commercial AI Photo Booth

An Electron + Next.js desktop application for self-service venues. Owned the frontend workflows and brand configuration across capture, AI generation, payment, and printing, with local asset fallbacks for unreliable networks.

ElectronNext.jsReactTypeScriptStorybookRecipe SystemSentry

Implementation notes

Maintained the core desktop flow across camera capture, AI generation, payment, printing, logging, and production troubleshooting.
Designed a configurable UI system for themes, behavior, copy, and media assets.
Enabled remote configuration updates so deployment-specific interfaces and flows can change without republishing the application.
Implemented full and incremental asset sync, integrity checks, and local fallbacks for venues with unreliable connectivity.

Multi-Terminal Capture & Print System

A three-terminal capture and print system connecting an iPad entrance kiosk, a phone web capture flow, and a Windows exit-print kiosk in one frontend monorepo.

ExpoReact NativeElectronTypeScriptTurborepo

Implementation notes

Shares one Expo and React Native capture flow across the iPad kiosk and phone web while preserving device-specific camera and flash behavior.
Builds the Windows exit kiosk with Electron, QR scanning, a typed print workflow, device gates, and recoverable error states.
Uses pnpm, Turborepo, and shared packages to align API contracts, validation, configuration data, and UI foundations across terminals.
Supports configurable themes and remote assets with bundled fallbacks, Storybook previews, automated checks, and Windows packaging.

Visual Git Client

A cross-platform desktop Git client for everyday development workflows, built with Tauri 2, React 19, and a layered Rust workspace.

Tauri 2RustReact 19TypeScriptGit

Implementation notes

Covers staging, commits, branches, remotes, stash, tags, rebase, reflog, blame, and history search.
Uses a compact, responsive three-pane interface to keep history search, commit details, and diffs readable across window sizes.
Uses layered Rust crates and typed IPC to separate domain logic, Git backends, application services, and desktop adapters.
Includes side-by-side and word-level diffs, syntax highlighting, image diffs, and a three-pane conflict editor, backed by cross-platform CI and desktop E2E coverage.

Personal Blog Homepage

A personal technical site built with Next.js, React, TypeScript, and MongoDB for presenting projects, technical writing, professional experience, and activity data.

Next.jsReactTypeScriptMongoDBTailwindCSSZustand

Implementation notes

Uses the Next.js App Router for page structure and data loading, with localized routes, sitemap generation, and an RSS feed.
Stores projects, articles, skills, experience, and contact information in MongoDB with server-side caching for read operations.
Integrates LeetCode and Steam data to present programming practice and game activity on the home page.
Supports responsive layouts, light and dark themes, keyboard navigation, and reduced-motion preferences.

Family Meal Planner Mini Program

An independently built full-stack WeChat Mini Program using Taro, React, TypeScript, and Tencent CloudBase for login, shared household recipes, and daily meal planning.

TaroReactTypeScriptRedux微信小程序腾讯云 CloudBase

Implementation notes

Manages application state with Redux Toolkit for collaborative recipes and daily menus.
Implements cloud functions for users, households, recipes, and menus with Tencent CloudBase.
Includes expired-menu cleanup, data migration, and database auditing.
Uses automated tests and GitHub Actions for builds and deployment.

Date Picker

A date-range picker built with Salesforce Lightning Web Components, using native HTML, CSS, and JavaScript for date calculation and interaction logic.

SalesforceLWCHTML, CSS, JSSLDS练习用作品

Implementation notes

Implements calendar rendering, month navigation, and date selection without a third-party calendar component.
Supports holiday markers, minimum and maximum date constraints, and validation between start and end dates.
Uses Salesforce Lightning Design System conventions for component structure and interaction states.
Completed during an internship to develop practical experience with LWC components and date logic.

Projects

Completed projects with notes on their design and implementation.