https://github.com/pdksophia/erek-resume

☁️ erek-resume 在线简历制作平台，客官，感兴趣戳这里了解一下
https://github.com/pdksophia/erek-resume

axios hooks quicklink react resume vue

Last synced: 11 months ago
JSON representation

☁️ erek-resume 在线简历制作平台，客官，感兴趣戳这里了解一下

Host: GitHub
URL: https://github.com/pdksophia/erek-resume
Owner: PDKSophia
Created: 2018-06-09T05:37:14.000Z (about 8 years ago)
Default Branch: master
Last Pushed: 2020-09-19T04:26:07.000Z (over 5 years ago)
Last Synced: 2025-04-04T13:05:50.697Z (about 1 year ago)
Topics: axios, hooks, quicklink, react, resume, vue
Homepage:
Size: 12.2 MB
Stars: 50
Watchers: 0
Forks: 14
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Erek Resumes

![](https://img.shields.io/badge/erek--resume-1.0.2-red.svg)
![](https://img.shields.io/badge/react-16.12.0-blue.svg)
![](https://img.shields.io/badge/react_redux-7.1.3-orange.svg)
![](https://img.shields.io/badge/typescript-3.7.2-blue.svg)
![](https://img.shields.io/badge/seamless_immutable-7.1.4-yellow.svg)
![](https://img.shields.io/badge/react_app_rewired-2.1.5-green.svg)
![](https://img.shields.io/badge/quicklink-2.1.5-green.svg)
![](https://img.shields.io/badge/license-MIT-orange.svg)

## 功能/特性

- ✔ 输入一次信息，导出多模板简历
- ✔ 简历头像实时预览
- ✔ 信息解析，填充模板
- ✔ 支持导出 PDF
- ✔ 平台支持中英文
- ✔ 平台支持主题切换
- ✔ 支持 TypeScript
- ✔ 使用 react hooks 特性
- ✔ 支持 CSS Module 模块化
- ✔ 支持 ES6/ES7 JavaScript 语法
- ✔ quicklink 实现 prefetch，加快页面渲染

## 快速开始

```js
// 克隆项目
git clone https://github.com/PDKSophia/erek-resume

// 切换分支，最新react版本在v2分支上，vue旧版本在devlop分支上
git checkout v2

// 安装依赖
npm install

// 启动项目
npm start

// 打开浏览器，输入
http://localhost:3000/home
```

## 部分界面

## 看个流程介绍

> ❗ 此流程来自 v1.0.1，样式大规模改动，但是流程还是大致一样的~

![image](https://github.com/PDKSophia/resumes/raw/develop/image/x.gif)

![image](https://github.com/PDKSophia/resumes/raw/develop/image/y.gif)

## 文件架构

> 🎯 具体可看下边文档 ~ 文件架构也是经过个人的一个思考，然后进行的划分，可能不够好，请见谅

```
·
├── package.json
│
├── public
│
├── docs 文档
│
├── src
│ ├── app 主项目
│ │ ├── assets 图片等资源文件
│ │ ├── client 相关页面
│ │ ├── components 业务组件
│ │ ├── mock Mock数据
│ │ ├── router 路由文件
│ │ ├── service 服务器文件
│ │ ├── store Redux
│ │ └─ ...
│ │
│ ├── common 公共模块
│ │ ├─components 公共组件
│ │ ├─constants 全局常量
│ │ ├─hooks 自定义hooks
│ │ ├─utils Utils处理
│ │ └─ ...
│ │
│ ├── config-interface 常用的interface
│ │ ├─index
│ │ └─ ...
│ │
│ ├── logs
│ │ ├─error 错误日志
│ │ ├─update 更新日志
│ │ └─ ...
│
├── index.tsx
│
├── App.tsx
│
├── config-overrides.js
│
└─
```

## 文档

- [关于 Erek-Resume](./docs/README.md)
- [快速开始](./docs/QuickStart.md)
- [React Hooks](./docs/ReactHooks.md)
- [useState](./docs/ReactHooks.md)
- [useEffect](./docs/ReactHooks.md)
- [useCallback](./docs/ReactHooks.md)
- [useDispatch](./docs/ReactHooks.md)
- [useSelector](./docs/ReactHooks.md)
- [hooks 与 redux 结合](./docs/ReactHooks.md)
- [自定义 Hooks](./docs/ReactHooks.md)
- [组件设计](./docs/Component.md)
- [组件设计模式](./docs/Component.md)
- [借鉴 Ant Design](./docs/Component.md)
- [功能逻辑](./docs/Action/README.md)
- [全局主题色的处理](./docs/Action/README.md)
- [简历输入模块设计](./docs/Action/README.md)
- [简历解析模块设计](./docs/Action/README.md)
- [数据过多时，如何考虑优先显示](./docs/Action/README.md)

## 支持环境

现代浏览器及 IE11。

| [](http://godban.github.io/browsers-support-badges/)IE / Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari | [](http://godban.github.io/browsers-support-badges/)Opera |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |