06

我的项目 · 简历填写助手

自研

本页要点:这是我独立开发并部署的纯前端在线简历工具;核心设计是零后端、数据全在本地,并可选用文件夹自动备份;内置 AI 配置模块,作为模型接入的入口。

项目

它是做什么的

一个在浏览器里完成"填写 → 实时预览 → 导出打印"的简历制作工具(A4 单页排版),支持多份简历管理、模板切换与撤销回退。在线访问:resume.6wh.asia

功能

核心功能

DEEP DIVE

工程实践:零后端、数据不丢、可扩展

1 · 架构:纯前端,数据主权在用户

  • React + Vite + Tailwind 单页应用,无后端;简历数据存 localStorage,隐私友好。
  • 可选本地文件夹自动备份:File System Access API 选定目录,简历实时导出为 JSON;IndexedDB 记住目录句柄。
  • 版本化持久化(数据模型 v8):结构升级时旧数据自动迁移,不丢用户历史。

2 · 状态管理:zustand + 撤销/重做

  • 全局 store 管理多份简历与激活态,持久化中间件自动落盘。
  • 每次变更入历史栈(上限 50 条),支持撤销/重做;变更同时触发自动备份。

3 · 模板与数据分离

模板 = 纯配置(布局、配色、间距、可用区块),数据独立存储;换模板只应用配置,字段内容不丢,模板可无限扩展。

4 · AI 配置模块

内置 AI 设置页,模型接入配置持久化到 ai-config.json 并随简历一起备份——把"AI 能力"做成可配置、可恢复的工程资产,而不是写死在代码里。

可这样讲:这是我独立开发部署的个人项目,工程上最有心得的是三点:零后端把数据主权留给用户、撤销重做+文件夹自动备份解决"怕丢数据"、模板与数据分离让功能可扩展;AI 配置模块正是"Agent 化工具接模型"的一个落地例子。
← 成都吃喝玩乐 返回总览 →