用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，若是見到下圖便可