【作品名称】DocTopia AI文档生成工作台
【技术栈】Electron 32 + React 18 + TypeScript + Vite + Tailwind CSS + Zustand + react-hook-form + zod + docx + electron-builder
【我的角色】独立开发者(架构设计、前端开发、Electron集成、打包发布)
【作品介绍】
DocTopia 是一款 AI 驱动的桌面文档生成工具,帮助用户通过 AI 智能生成专业 Word 文档。采用现代化 Electron + React + TypeScript 技术栈,提供流畅的桌面端体验。
核心功能模块:
• AI 智能生成:对接大模型 API,用户输入需求后自动生成文档内容,支持多次迭代修改
• 文档模板管理:预设多种文档模板(工作报告、商业计划书、简历、申请书等),一键套用
• 文档编辑预览:基于 react-markdown + remark-gfm 的 Markdown 实时渲染,所见即所得
• 格式导出:基于 docx 库生成符合 Microsoft Word 规范的 .docx 文件,支持标题层级、表格、列表、段落格式
• 配置管理:使用 electron-store 本地持久化用户配置和文档历史
• 表单系统:react-hook-form + zod 构建类型安全的参数配置表单
技术亮点:
• Electron + Vite 架构,开发热更新与生产构建分离,提升开发效率
• 主进程/渲染进程分离,contextBridge + preload 实现安全通信
• Zustand 轻量级全局状态管理,组件通信高效简洁
• electron-builder 打包 Windows 安装包和便携版
• 子产品 OfferTopia 提供 Offer 相关的专业文档生成服务
此项目展示了我独立架构和交付现代化桌面应用的全栈能力。