Projects

Completed projects with notes on their design and implementation.

项目

已完成项目及其设计与实现。

AI 拍照亭桌面应用

面向线下自助场景的 Electron + Next.js AI 拍照亭桌面应用，覆盖拍摄、AI 生成、支付、打印和离线运行，并通过可配置 UI 系统适配不同品牌与部署环境。

ElectronNext.jsReactTypeScriptStorybookRecipe SystemSentry

实现要点

负责桌面端核心流程维护，覆盖相机、AI 生成、支付、打印、日志与线上问题排查。
设计可配置 UI 系统，通过结构化配置管理主题、行为、文案与素材。
支持远程配置更新，无需重新发布应用即可调整不同部署环境的界面与流程。
实现素材全量与增量同步、完整性校验及本地兜底，适配网络不稳定的线下设备。

个人博客主页

基于 Next.js、React、TypeScript 和 MongoDB 构建的个人技术网站，用于展示项目、技术文章、工作经历及个人活动数据。

Next.jsReactTypeScriptMongoDBTailwindCSSZustand

实现要点

采用 Next.js App Router 组织页面与数据请求，支持中英文路由、站点地图和 RSS 输出。
通过 MongoDB 管理项目、文章、技能、经历和联系方式，并为服务端查询设置缓存策略。
集成 LeetCode 与 Steam 数据接口，在首页展示编程练习和游戏记录。
支持响应式布局、明暗主题、键盘操作及 reduced motion，兼顾不同设备和使用方式。

家庭食谱小程序

基于 Taro、React 和 TypeScript 开发的微信小程序，用于家庭成员共同维护食谱并安排每日菜单，支持成员邀请、协作编辑和权限管理。

TaroReactTypeScriptRedux微信小程序腾讯云 CloudBase

实现要点

使用 Taro 构建微信小程序，支持最多 10 位家庭成员共享食谱与菜单数据。
提供菜名搜索和分类筛选，并通过每日菜单页面安排当天餐食。
实现家庭成员邀请和权限管理，区分不同成员的数据操作范围。
接入腾讯云 CloudBase，处理用户登录、图片上传和数据同步。

日历组件

基于 Salesforce Lightning Web Components 开发的日期范围选择组件，使用原生 HTML、CSS 和 JavaScript 实现日期计算与交互逻辑。

SalesforceLWCHTML, CSS, JSSLDS练习用作品

实现要点

独立实现月历渲染、月份切换和日期选择逻辑，不依赖第三方日历组件。
支持节假日标识、最小与最大日期限制，以及开始日期和结束日期的关联校验。
遵循 Salesforce Lightning Design System 组织组件结构和交互状态。
完成于实习阶段，用于验证 LWC 组件开发与日期逻辑处理能力。