Git Product home page Git Product logo

react-news's Introduction

React技术栈实现新闻平台

项目地址:https://github.com/FlyLikeBird/react-news

部署在阿里云地址:http://www.renshanhang.site

安装步骤

# 克隆项目仓库到本地
git clone [email protected]:FlyLikeBird/react-news.git

# 安装项目依赖
npm i (or yarn)

# 开启本地服务http://localhost:8081即可运行
npm start

技术栈

  • react
  • react-dom
  • react-router-dom
  • react-responsive
  • react-loadable
  • antd
  • babel
  • webpack
  • webpack-dev-server
  • mongoose
  • express
  • socket.io

功能描述

  • 前端部分:
    • 分类浏览新闻/收藏新闻/发布浏览心情/转发新闻的功能
    • 新闻中心多类别新闻列表滚动加载的功能
    • 话题广场按标签分类话题的功能
    • 发布话题/收藏话题/关注话题/转发话题的功能
    • 针对新闻/话题/动态的评论功能,可点赞/反对/回复/转发某条评论,可@用户发出通知消息
    • 分享新闻/话题/动态至个人中心的社交功能
    • 用户聊天功能和实时消息通知的功能
    • 根据关键词搜索新闻/话题/用户的功能
    • 个人中心的用户行为追踪功能,包括浏览记录/发布评论/关注用户等
    • 用户积分功能,根据用户行为如发布话题/评论新闻等累计积分提升等级
  • 后端部分:
    • 用户注册/登录的身份验证功能
    • Article/Topic/User等collection的mongoose数据库的增删改查操作
    • 基于node.js的express响应用户请求
    • express.Router实现路由管理
    • 话题的标签管理
    • 基于socket的实时推送消息机制

项目预览

  • 首页 首页
  • 新闻中心 新闻中心
  • 话题中心 话题中心
  • 新闻详情 新闻详情
  • 评论 评论
  • 用户中心 用户中心

react-news's People

Contributors

flylikebird avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.