An open API service indexing awesome lists of open source software.

https://github.com/Sunshine168/Full-stack-Blog

font by react + router +redux and server by koa2
https://github.com/Sunshine168/Full-stack-Blog

koa2 react react-redux

Last synced: 3 months ago
JSON representation

font by react + router +redux and server by koa2

Awesome Lists containing this project

README

        

# Full-stack-blog(不断更新笔记)
[效果Demo](http://sunnerrrr.cn:3005/)
![](./media/blog.gif)
(有待进一步完善,组件之间功能划分应该明确,希望不断学习进步!)
搭建一个基于Koa2的多人blog
功能(登录注册上传头像,发表博文,发表留言)
参考自https://github.com/nswbmw/N-blog
前端部分以create-react-app的脚手架搭起react+react-router v4+redux的全家桶
后端采用koa2+mongodb
## 实践笔记
### [笔记目录](https://github.com/Sunshine168/Full-stack-Blog/blob/master/note/noteMenu.md)
## 开发环境
开发环境(node要求 7.6以上)
Nodejs:7.6.0
koa:2.0
MongoDB:3.2.10

## 目录结构

## 如何运行

后端默认配置在config/default.js中
请确保本地Mongodb 端口27017(默认)可用

```
git clone https://github.com/Sunshine168/Full-stack-Blog.git
cd Full-stack-Blog/myblog
npm install //or yarn install
npm run build //or yarn build
node publish //发布到server目录中
cd ..
cd server/
npm install //or yarn install
npm run start or yarn start //默认3000端口
//open localhost:3000/
```

## 总体任务

### 1改写项目框架由express->Koa2
### 2前端->工程化的react项目
TODO

* [ ] 重写布局css
* [ ] 重写博文模块
* [ ] 升级依赖

---

## express->koa2
**目前进度**

* [x] 工作目录设定
* [x] 依赖模块
* [x] 配置文件
* [x] 路由部分
* [x] 数据库访问
* [x] 处理react单页重定向
* [ ] 单元测试
* [ ] 重写博文模块