用react全家桶+antDesign写了一个习惯管理项目

项目github地址

项目初衷

该项目从建立本身第一个习惯开始，天天一签到，签到后能够发表这一天的心得体会， 这些心得体会会公布在社区，其余用户能够对某一条心得体会进行收藏和评论；旨在经过天天的记录和不断的正向反馈，慢慢培养起跟随本身一辈子的好习惯；

技术栈

前端

• react
• react-redux
• redux-saga
• react-router(v4);
• Ant Design Mobile
• webpack
• babel
• postCss

后端

• express
• mongodb

快速开始

假设你们已经安装好node环境

运行步骤：

1、 download项目到本地；

2、 分别在habit-app-master/server和habit-app-master/fontEnd输入命令npm install；

3、 在habit-app-master/server目录下建立以下文件夹或文件static/upload和data/log/mongodb.log、data/db；

4、 本项目用的是mongodb数据库，所以须要安装MongoDB，因为本地是window，所以选择了window平台的版本；

1. 下载并安装MongoDB后进入bin目录，建立文件mongodb-habit.conf,输入如下配置

dbpath = 本地绝对路径\habit-app-master\server\data\db
    logpath = 本地绝对路径\habit-app-master\server\data\log\mongodb.log
    port=27017
复制代码

2. 在命令行进入bin目录，输入mongod -config ./mongodb-habit.conf 回车即开启数据库

5、打包前端项目

1. 进入项目的fontEnd目录，输入命令npm run build，稍等片刻打包后的文件将输出到habit-app-master/fontEnd/build;
2. 把打包出来的static和app.js搬到habit-app-master/server/static;

6、 开启服务器

1. 进入项目的server目录，输入命令supervisor ./bin/www即开启成功;

最后，在浏览器打开http://localhost:3008，若是见到下图便可