react-yqy
技术栈:
react + redux + webpack + react-router v4 + ES6/7/8 + immutable + antd-mobile
运行项目
git clone https://github.com/ZengTianShengZ/react-yqy.git
cd react-yqy
npm i
npm start
npm run build (发布)
说明
本项目主要用于 react 的学习,但有意将它做成一款产品,算是技术的一种产出,也能在学习中有成就感。
这是一款什么样的产品呢,这是一款基于地理位置有社交属性的产品,具有发动态,动态评论等功能,
围绕用户推送两公里内的动态内容。产品的主旨是【方圆两公里,分享身边事】,区别于微信的朋友圈,
该产品用户群体定位在泛熟群体,用户可以在生活区或工作区分享或了解身边的人和事。当然如果你对产品
有更好的想法或想象,可以敲起你的键盘,咱们一起来实现它吧。
目标功能
- [x] 手机号码登录功能
[ ] 动态发布功能
- [x] 文字编辑
- [x] 图片选择
- [ ] 地理位置显示和选择
- [ ] 首页列表基于用户方圆两公里动态筛选展示
- [x] 动态详情页
[ ] 动态评论
- [x] 评论
- [x] 回复评论
- [ ] 删除评论
[ ] 用户信息
- [x] 用户发布的动态列表
- [ ] 用户评论过得动态列表
- [ ] 用户信息编辑
目录结构
本项目构建工具采用的是 create-react-app
react-yqy
|
|-- src //源码目录
| |-- api // 数据接口
| |-- component // 组件
| |-- pages //页面
| -- home //主页
| -- me //用户页
| -- detail //动态详情页
| -- pubilsh //动态发布页
| -- login //登录页
| |-- router //主路由
| |-- store // 状态管理
| |-- style //全局样式
| |-- utils //工具方法
| |-- App.js //父组件
| |-- index.js //js 入口文件
项目地址:
https://github.com/ZengTianSh…
欢迎 star、 issues、 pr
项目部分页面预览
二维码预览: