AI 简历编辑器产品系统Vibe Coding

我要开发同款
hello2026年10月16日
5阅读

技术信息

语言技术
React、Node.js
系统类型
Web、小程序轻应用
行业分类
人工智能

作品详情

行业场景

立项原因:求职者整理简历时,常在不同平台反复填写、格式错乱,且市面 AI 简历工具多要求上传云端,存在个人信息外泄风险。行业场景/业务背景:简历是求职的第一道门槛,但制作排版耗时、迭代慢,现有工具要么功能单一、要么牺牲隐私。因此打造一款完全本地化、所见即所得、内置 AI 润色的一站式简历编辑器,让用户边填边预览、一键导出标准 A4 PDF。

功能介绍

功能模块:左侧结构化表单(基本信息、专业技能、工作/教育/项目经历,及社团、研究、总结、作品集等可选模块)+ 右侧 A4 实时缩放预览 + 一键导出 PDF;支持多版本管理、模块拖拽排序/折叠/增删、简易富文本、PDF/DOCX 一键导入解析,以及内置 AI 润色与中英翻译助手。主要功能:填写结构化字段即时看到 A4 排版效果,自动分页且不裁字,导出保留超链接。

项目实现

采用 Vite + React 19 + TypeScript 构建前端,Tailwind CSS v4 + daisyUI 5 负责界面,纸张排版用固定 794×1123 的自定义 CSS 与主题解耦,保证 PDF 输出稳定。整体左右分栏:左侧 EditorPanel 提供结构化表单与模块目录,右侧 ResumePreview 按缩放渲染 A4 文档,数据由 useResume 统一管理并持久化到 localStorage、支持多版本。导出用 html2canvas 把预览 DOM 绘成 canvas,再由 jsPDF 按页切分合成 PDF;分页算法以细粒度块(标题/条目/段落)测量并 snapBreakSafe 回退避开文字截断,同时保留链接热区。导入端用 Express + multer 接收 PDF/DOCX,在 worker_threads 内用 pdfjs-dist / mammoth 抽取文本后走确定性解析器映射到各模块。AI 能力通过本地后端接口对选中文本做润色、STAR 重写与中英翻译,前端以 mock 模式先行开发、逐条确认后应用。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论