ReactNative 项目--仿Reddit

源码地址请戳 github
基本技术栈:

  后端:nodejs
  数据库:mongodb
  缓存:redis
  移动端:reactnative

已完成:
  • 搭建node后台,包括mongodb,redis,socket.io等服务
  • 搭建reactnative 端架构,采用react-navigation实现导航,react-redux充当数据状态机
  • 安装expo(非必须,方便在app上展示和分享),需要在手机上安装expo app,详情戳官网
  • 数据表设计
  • 布局-底部导航,home tab,search tab,inbox tab, user tab
  • 评论页,详情页,及页面跳转
  • token机制普通登录注册
  • 发布帖子(文字),回复帖子, 投票基本逻辑
待完成:
  • 利用passport 实现第三方鉴权登录
  • 发邮件逻辑
  • 完善投票机制
  • 完善评论机制
  • 发布、回复非文字帖子(照片,视频)
  • 用户信息占位
  • 账户页设置,历史信息,收藏帖子等逻辑
  • 收件箱收发信息逻辑
  • 搜索帖子,用户,订阅专题
START
//安装node;npm or yarn;mongodb(27017);redis(6379);  启动后台服务
$ cd bamboo
$ yarn install
$ yarn start

//安装react-native,启动模拟器,推荐Genymotion,或者连接真机
$ cd hammock
$ yarn install
$ react-native run-android or react-native run-ios

DEMO
ReactNative 项目--仿Reddit_第1张图片
ReactNative 项目--仿Reddit_第2张图片
ReactNative 项目--仿Reddit_第3张图片

你可能感兴趣的:(ReactNative 项目--仿Reddit)