【源码】基于React和Redux Toolkit的新冠疫情数据展示网站

项目简介

本项目是基于React和Redux Toolkit构建的新冠疫情数据展示网站，最初由Vue重构至React。它充分发挥了React和TypeScript的优势，利用Redux ToolKit进行状态管理，采用Tailwind CSS和Vite打造高效前端开发环境，引入Ant Design Mobile为移动端用户带来良好体验，旨在为用户提供实时疫情数据、最新疫情消息和疫情地图等信息。

项目的主要特性和功能

1. 实时疫情数据展示：提供国内外新冠疫情实时数据，涵盖确诊、死亡、治愈等关键指标。
2. 疫情最新消息：集成新浪新闻接口，展示疫情热点新闻。
3. 疫情地图功能：以地图形式呈现疫情分布，助用户直观了解疫情扩散情况。
4. 响应式设计：网站支持PC和移动设备访问，用户体验佳。

安装使用步骤

假设用户已下载本项目的源码文件。

步骤一：复制项目

通过Git命令复制项目到本地： bash git clone <项目仓库地址>

步骤二：安装依赖

进入项目目录后，通过npm安装项目依赖： bash npm install

步骤三：启动项目

运行以下命令启动开发服务器： bash npm run dev

数据接口说明

• 新浪新闻（疫情热点）：https://interface.sina.cn/app.news/24hours_news.d.json?conf=page&page=1&pageType=kangYiNewsFlash
• 丁香园（全国数据）：https://lab.isaaclin.cn/nCoV/api/overall
• 挖数据（各省份数据）：https://yspm.api.storeapi.net/api/94/219?format=json&appid=13935&sign=3908a8a8e8cbb5def9bbe9995d8bcaa6

请根据实际情况替换或处理这些接口以适应您的使用环境。

在线预览

您可以通过以下链接在线预览该项目：https://epidemicdata-h5.4everland.app。请注意，实际数据可能会随时更新，请以项目提供的API为准获取最新数据。

下载地址

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