【源码】基于React的新闻门户网站iNews

项目简介

iNews是一个基于React Hooks、create-react-app、Antd UI库和轻服务架构的新闻门户网站，致力于为用户提供沉浸式阅读体验，通过丰富功能与优化的用户体验，使用户能轻松获取新闻资讯。

项目的主要特性和功能

1. 阅读时间日历热图：可了解用户阅读时间和习惯。
2. 主页markdown定制：用户能自定义主页内容，展示个性化新闻推荐。
3. 单次阅读时长提醒：提醒用户合理分配阅读时间、保护视力。
4. 年度总结与使用报告：回顾用户年度阅读历程，分析阅读偏好。
5. 视差滚动：提供流畅滚动体验。
6. 稍后再看功能：可保存感兴趣的新闻，方便后续阅读。
7. 沉浸式阅读模式：专注内容阅读，减少干扰。
8. 用户阅读数据的可视化：直观呈现用户阅读习惯和趋势。
9. 疫情地图功能：展示实时疫情数据，支持2D省市切换。
10. 新闻详情语音播放：为视觉不便的用户提供便利。
11. 文章字体大小选择：满足不同用户阅读需求。
12. 图片相册预览：在新闻详情中预览相关图片。

安装使用步骤

假设用户已下载本项目的源码文件，可按以下步骤操作： 1. 进入项目目录：进入到下载下来的iNews项目目录。 bash cd inews 2. 安装依赖：使用yarn或npm安装项目所需依赖。 ```bash yarn install

npm install 3. 启动项目：使用yarn或npm启动开发服务器。bash yarn start

npm run start `` 项目构建成功后，可在本地浏览器中访问[http://localhost:3000](http://localhost:3000)查看效果。如需构建生产版本，请运行yarn build或npm run build`。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】