# react-orange

**Repository Path**: lx29/react-orange

## Basic Information

- **Project Name**: react-orange
- **Description**: Orange是一个项目管理系统 使用react+redux+antd+axios+echarts+nprogress+xlsx
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-21
- **Last Updated**: 2023-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Redux, Ant-Design

## README

## PC 端 Orange 项目管理系统

### 前言

Orange 是一个项目管理系统。参考于 Beehive ，实现部分功能。

这是一个 React+antd 的前端项目，

后端接口使用<a href="https://github.com/Imfdj/egg-beehive.git">Beehive github 地址</a>

### 技术栈

react+redux+antd+axios+echarts+nprogress+xlsx

### 安装依赖

```
yarn install
```

### 运行项目

```
yarn start
```

### 项目实现

- 登录、注册 -- 完成

- 找回密码 -- 完成

- 个人设置 -- 完成

- 项目模板 -- 完成

- 工作台 -- 完成

- 用户管理 -- 完成

- 角色管理 -- 完成

- 菜单管理 -- 完成

- 资源管理 -- 完成

- 操作日志 -- 完成

- 动态菜单 -- 完成

- 部门管理 -- 完成

- 项目列表 -- 完成

- 任务看板 -- 完成

- 任务列表 -- 完成

- 项目文件 -- 完成

- 项目设置 -- 完成

- 项目回收站 -- 完成

- 任务筛选 -- 完成

- 任务详情 -- 完成

- 任务标签 -- 完成

- 任务参与者 -- 完成

### 部分截图

#### 主页面

#### 用户登陆

<img src="./image/orange (1).png" style="width:100%; margin-top:10px;" alt="">

#### 工作台

<img src="./image/orange (2).png" style="width:100%; margin-top:10px;" alt="">

#### 项目列表

<img src="./image/orange (3).png" style="width:100%; margin-top:10px;" alt="">

#### 菜单管理

<img src="./image/orange (4).png" style="width:100%; margin-top:10px;" alt="">

#### 资源管理

<img src="./image/orange (5).png" style="width:100%; margin-top:10px;" alt="">

#### 角色日志

<img src="./image/orange (6).png" style="width:100%; margin-top:10px;" alt="">

#### 个人中心

<img src="./image/orange (7).png" style="width:100%; margin-top:10px;" alt="">

#### 部门管理

<img src="./image/orange (8).png" style="width:100%; margin-top:10px;" alt="">