https://github.com/kaixinfu/react-chat

react-chat
https://github.com/kaixinfu/react-chat

antd-mobile express mongodb react react-router-v4 redux webpack3

Last synced: 28 days ago
JSON representation

react-chat

• Host: GitHub
• URL: https://github.com/kaixinfu/react-chat
• Owner: kaixinfu
• Created: 2017-11-13T14:48:22.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-27T07:10:15.000Z (over 6 years ago)
• Last Synced: 2024-09-28T22:20:50.147Z (about 1 month ago)
• Topics: antd-mobile, express, mongodb, react, react-router-v4, redux, webpack3
• Language: JavaScript
• Size: 603 KB
• Stars: 14
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react开发的一款聊天APP

## 包含

- [x] [react](https://reactjs.org/)

- [x] [redux](http://cn.redux.js.org/)

- [x] [react-router](http://www.ruanyifeng.com/blog/2016/05/react_router.html?utm_source=tool.lu)

- [x] [axios](https://www.npmjs.com/package/axios)

- [x] [antd-mobile](https://mobile.ant.design)

- [x] [node.js](http://nodejs.cn/)

- [x] [express](http://www.expressjs.com.cn/)

- [x] [mongodb](http://www.runoob.com/mongodb/mongodb-tutorial.html)

## 功能预览

- [√] react+redux完整实例

- [√] fetch获取数据

- [√] 项目按路由模块加载

-  [√] 欢迎主页

- [√] 注册、登录、cokie的使用

- [√] 聊天室(可开启两个浏览器窗口进行聊天测试)

- [√] 实现服务端渲染

- [√] 使用新特性对项目做一些优化

- [√] 打包上线

## 下载项目

```sh

$ git clone [email protected]:liukaixin01/react-chat.git

```

```sh

$ cd react-chat

```

```sh

$ npm install

```

## 开启MongoDB

```sh

$ cd /usr/local/mongodb/bin

```

```sh

$ sudo ./mongod

```

## 运行node环境

```sh

$ npm run node

```

## 启动项目

```sh

$ npm start

```

```sh

$ npm run serverEs6

```

## 打包项目

```sh

$ npm run build

```

## 效果预览

  



###

>如果对您有帮助，别忘记star哦！