# 个人后台管理系统 admin（React  Rreact hooks React-Router Redux TypeScript）

**Repository Path**: Jay_Ohhh/carefree-admin

## Basic Information

- **Project Name**: 个人后台管理系统 admin（React  Rreact hooks React-Router Redux TypeScript）
- **Description**: 一个基于React全家桶的个人后台管理系统
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 3
- **Created**: 2021-03-02
- **Last Updated**: 2022-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<P align="center"><img width="100" src="http://jay_ohhh.gitee.io/imagehosting/carefree-admin/logo.png" alt="prettymusic logo">
</p>
<h3 align="center" style="margin:-20px 0 0;">Carefree-Admin</h3>
<h4 align="center" style="margin:5px 0 0;">一个基于React全家桶的个人后台管理系统</h4>
<p align="center">
    <img src="https://img.shields.io/static/v1?label=&message=React&style=flat-square&color=61dafb" alt="React">&ensp;
  	<img src="https://img.shields.io/static/v1?label=&message=TypeScript&style=flat-square&color=294e80" alt="TypeScript">&ensp;
    <img src="https://img.shields.io/badge/license-MIT-brightgreen" alt="开源许可证MIT">&ensp;
    <img src="https://gitee.com/Jay_Ohhh/carefree-admin/badge/star.svg?theme=dark" alt="Gitee Starts">
</p>


### 前言

- 此项目仅供个人学习
- 如果你觉得这个项目对你有帮助，<span style="color:#1240AB;font-weight:600;">Give me a star ღ </span>，希望大家多多支持，感谢！
- 开源不易，请保留Web页面底部的署名，转载标明出处
- 推荐Wtach项目，获取项目第一时间更新和动态
- QQ学习交流（个人）：1598353326
- 测试账号：test，密码：123456

### 感谢

[xjh22222228](https://github.com/xjh22222228) 提供的接口

### dependencies

| library          | description                                                  |
| :--------------- | ------------------------------------------------------------ |
| react            | 用于构建用户界面的 JavaScript 库                             |
| react-router     | React路由库                                                  |
| redux            | 针对 JavaScript 应用程序的可预测状态容器                     |
| redux-thunk      | redux中间件，主要的功能就是可以让我们`dispatch`一个函数      |
| redux-persist    | redux数据持久化                                              |
| axios            | 易用、简洁且高效的http库                                     |
| TypeScript       | TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript |
| craco            | 可以在不eject的情况下修改Creat React App创建的React Webpack项目 |
| antd             | React UI 组件库                                              |
| bizcharts        | 基于 G2 封装的 React 图表库                                  |
| blueimp-md5      | md5加密                                                      |
| lodash           | JavaScript 工具库                                            |
| use-keep-state   | Similar to Vue keep-alive, But it is not a component         |
| sass             | CSS预处理器语言                                              |
| @toast-ui/editor | 富文本编辑器                                                 |

### License

[MIT](https://opensource.org/licenses/MIT)

Copyright © 2021 - present , Jay_Ohhh

### 安装和运行

**git clone**

```sh
$ git clone https://gitee.com/Jay_Ohhh/carefree-admin.git
```

**安装**

```sh
yarn
```

**运行**

```sh
yarn start
```

**打包**

```sh
yarn build
```

> 对于 React 项目建议使用 yarn，原因有二：
>
> 1、React 和 yarn 都是出于 Facebook
>
> 2、某些包用npm下载会失败

### Pages

#### 登录

![登录](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/login.png)

#### 后台首页

![后台首页](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/home-index.png)

#### 提醒事项

![提醒事项](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/reminder.png)

#### 活动清单

![活动清单](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/activity-list.png)

#### 今日待办

![今日待办](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/today-task.png)

#### 资金流动

![资金流动](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/capital-flow.png)

#### 创建资金类别

![创建资金类别](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/capital-type.png)

#### 备忘录列表

![备忘录列表](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/memorandum-list.png)

#### 备忘录创建

![备忘录创建](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/create-memorandum.png)

#### 个人中心

![个人中心](http://jay_ohhh.gitee.io/imagehosting/carefree-admin/profile.png)