# 码题匠-ui

**Repository Path**: pikachuovo/code-question-maker-ui

## Basic Information

- **Project Name**: 码题匠-ui
- **Description**: 码题匠前端工程
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-06
- **Last Updated**: 2025-12-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 码题匠 - 面试刷题神器

一个基于 Vue3 的面试刷题平台，帮助求职者系统化准备技术面试。

## 技术栈

- **Vue 3** - 渐进式 JavaScript 框架
- **Vite** - 下一代前端构建工具
- **Vue Router** - 官方路由管理器
- **Pinia** - Vue 状态管理
- **Element Plus** - Vue 3 UI 组件库
- **Axios** - HTTP 客户端

## 项目结构

```
code-prob-craft-ui/
├── src/
│   ├── assets/          # 静态资源
│   ├── components/      # 公共组件
│   │   └── user/        # 用户端组件
│   ├── layouts/         # 布局组件
│   │   ├── UserLayout.vue    # 用户端布局
│   │   └── AdminLayout.vue   # 管理端布局
│   ├── router/          # 路由配置
│   ├── stores/          # Pinia 状态管理
│   ├── styles/          # 全局样式
│   ├── views/           # 页面组件
│   │   ├── user/        # 用户端页面
│   │   │   ├── Login.vue      # 登录页
│   │   │   ├── Home.vue       # 主页
│   │   │   ├── Banks.vue      # 题库页
│   │   │   └── Route.vue      # 刷题路线页
│   │   └── admin/       # 管理端页面
│   ├── App.vue          # 根组件
│   └── main.js          # 入口文件
├── index.html
├── package.json
├── vite.config.js
└── README.md
```

## 功能特性

### 用户端
- ✅ 用户登录/登出
- ✅ 主页展示热门题库
- ✅ 题库分类筛选
- ✅ 题库卡片展示
- ✅ 刷题路线选择
- ✅ 响应式设计（支持移动端和PC端）

### 管理端
- 🚧 待开发

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发运行

```bash
npm run dev
```

访问 http://localhost:3000

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 路由说明

- `/login` - 登录页面
- `/` - 主页（热门面试题库）
- `/banks/interview` - 面试题库
- `/banks/written` - 笔试题库
- `/route` - 刷题路线
- `/admin` - 管理端（待开发）

## 浏览器支持

现代浏览器和移动端浏览器（iOS Safari, Chrome Mobile）

## 开发计划

- [ ] 题库详情页
- [ ] 题目展示和答题功能
- [ ] 用户个人中心
- [ ] 收藏和进度跟踪
- [ ] 管理端完整功能

## License

MIT