Projects

Completed projects with notes on their design and implementation.

AI Photo Booth Desktop Application

An Electron + Next.js AI photo booth desktop application for self-service venues, covering capture, AI generation, payment, printing, and offline operation with a configurable UI system for different deployments.

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.

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

A WeChat Mini Program built with Taro, React, and TypeScript for maintaining a shared family recipe library and planning daily meals, with member invitations, collaborative editing, and permission management.

TaroReactTypeScriptRedux微信小程序腾讯云 CloudBase

Implementation notes

Uses Taro to deliver a WeChat Mini Program for up to 10 family members sharing recipe and meal-plan data.
Provides recipe search and category filters together with a daily meal-planning view.
Implements member invitations and permission controls for shared household data.
Uses Tencent CloudBase for authentication, image uploads, and synchronized storage.

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.