06
我的项目 · 简历填写助手
自研
本页要点:这是我独立开发并部署的纯前端在线简历工具;核心设计是零后端、数据全在本地,并可选用文件夹自动备份;内置 AI 配置模块,作为模型接入的入口。
项目
它是做什么的
一个在浏览器里完成"填写 → 实时预览 → 导出打印"的简历制作工具(A4 单页排版),支持多份简历管理、模板切换与撤销回退。在线访问:resume.6wh.asia
功能
核心功能
01
模板系统
内置 7 套排版模板,切模板不动已填数据
02
分模块填写
基本信息 / 教育 / 技能 / 工作 / 实习 / 项目 / 证书 / 自评
05
样式定制
主题色 / 字体 / 圆角 / 字号 / 间距 / 页边距
06
深色模式 · 中英文
主题跟随系统,语言可切换
07
本地备份
可选文件夹,简历自动导出为 JSON
08
AI 配置模块
模型接入配置持久化,为智能填写提供入口
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 化工具接模型"的一个落地例子。