# careerpath-ui

**Repository Path**: oneto7/careerpath-ui

## Basic Information

- **Project Name**: careerpath-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-10-07
- **Last Updated**: 2026-10-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 职径 CareerPath UI

职径（CareerPath）的前端 SPA。Vue 3 + TypeScript + Vite + Element Plus + Pinia + ECharts，深色科技风。

> 职径是「以目标职位 + 简历为活底座的成长飞轮持续学习平台」，后端见 [career-path](https://gitee.com/oneto7/career.git)。

## 页面

| 页面 | 路由 | 功能 |
|---|---|---|
| **仪表盘** | `/dashboard` | 整体匹配度 + AI 诊断 + 技能趋势演进曲线 + 快捷入口 |
| **简历管理** | `/resumes` | 上传 PDF/解析/多版本树/AI 改写（差距+JD→定制版）/版本对比/随成长更新 |
| **目标职位** | `/positions` | JD CRUD + 版本化 + 技能要求解析 + 评估报告（AI 语义匹配/竞争优势/短板/路线图/面试建议） |
| **学习路径** | `/learning` | 基于评估报告 AI 规划路径 + 里程碑 + 确认练习联动（≥60 自动勾选）+ stale 提示 |
| **快速练习** | `/practice` | 四模式出题（专项/薄弱驱动/每日/错题重练）+ AI 评分 + 技能分回写 + 会话恢复 + 答案暂存 |
| **学习笔记** | `/notes` | md-editor-v3 编辑 + AI 质量评估 + RAG 自动索引 |
| **模拟面试** | `/interview` | SSE 流式问答（token 实时打字）+ 追问 ≤2 层 + 三种人设（大厂八股/初创实战/外企行为）+ 回放 + 中途恢复 |
| **市场情报** | `/market` | 方向订阅 + JD 雷达（博查搜索→AI 提技能→频次统计）+ 技能趋势对比 + 面经搜索 + AI 周报 |
| **知识库** | `/knowledge` | 文档管理（MD/TXT/PDF/DOCX）+ 向量索引检索（索引状态轮询） |
| **设置** | `/settings` | 个人信息 + BYOK API Key 管理 + 用量透明 + 数据导出 |

## 技术栈

- **Vue 3** + **TypeScript** + **Vite**
- **Element Plus**（暗色主题覆盖）
- **Pinia**（状态管理，auth store）
- **Vue Router**（路由守卫 + JWT 鉴权；`createWebHistory`，部署需服务端 SPA fallback）
- **ECharts** / **vue-echarts**（仪表盘轨迹图、市场技能频次图）
- **md-editor-v3**（笔记编辑）
- **axios**（统一响应解包 + JWT 拦截器 + **410/code 2001 单飞静默刷新**；401 才跳登录）
- SSE 用 **fetch 流式读取**（面试作答是 POST SSE，EventSource 不适用）

## 本地开发

```bash
npm install
npm run dev          # http://localhost:5173，/api 代理到后端 8000
npm run build        # 生产构建
npm run typecheck    # 类型检查
```

后端需启动在 `http://localhost:8000`（见 [career-path](https://gitee.com/oneto7/career.git)）。

Vite 配置已代理 `/api` → `localhost:8000`，无需额外设置。

## 设计风格

深色科技风（`src/assets/theme.css`）：

- 背景层级：`#0a0e14`（base）→ `#11161f`（surface）→ `#1a212c`（elevated）→ `#232b38`（raised）
- 强调色：`#00d4aa`（cyan，主操作/就绪态）+ `#f0a020`（amber，警告/待处理）
- 字体：Noto Sans SC（正文）+ JetBrains Mono（数字/标签/代码）
- 状态：脉冲点（loading）、流式光标（SSE 打字）、骨架屏（出题中）

## License

Private.