该新闻应用程序由 GNews 公共 API 提供支持,为用户提供来自世界各地的最新新闻文章。该应用程序提供了一个用户友好的界面,其中新闻文章按类别组织,使用户可以轻松浏览和阅读他们感兴趣的文章。
基于类别的新闻:该应用程序将新闻文章分为各种类别,包括娱乐、商业、体育、技术、健康、科学等。用户可以单击某个类别来查看特定于该类别的文章。
搜索新闻:该应用程序包括一个搜索栏,使用户能够搜索特定的新闻文章。用户可以输入与自己感兴趣的新闻相关的关键词,应用程序将根据搜索查询显示相关文章。
文章详细信息:每篇文章都显示标题、描述、发布日期、频道以及访问源网站的链接。这确保用户在决定阅读更多内容之前能够全面了解新闻文章。
响应式设计:该应用程序旨在响应式设计,在不同的屏幕尺寸和设备上提供无缝体验。无论用户是从台式机、平板电脑还是智能手机访问该应用程序,界面都会平滑地适应他们的设备。
React :该应用程序是使用 React 构建的,React 是一个用于构建用户界面的流行 JavaScript 库。 React 为创建交互式和动态组件提供了坚实的基础。
Redux :Redux 用于应用程序中的状态管理。它有助于管理应用程序的全局状态,并支持以更有条理和可预测的方式处理数据流。
Styled-Components :Styled-Components 用于设置应用程序的样式。它允许开发人员在 JavaScript 中编写 CSS,从而更轻松地管理各个组件的样式。
React-Bootstrap :React-Bootstrap 用于构建响应式和可定制的 UI 组件。它提供了各种可以轻松集成到应用程序中的预构建组件。
Axios :Axios 是一个用于发出 HTTP 请求的 JavaScript 库。本项目中使用它从 GNews 公共 API 获取数据。
要在本地计算机上运行 React News 应用程序,请按照以下步骤操作:
git clone https://github.com/simranlotey/react-news-app.git
cd react-news-app
npm install
npm start
欢迎对此新闻应用程序做出贡献!如果您发现任何问题或有改进建议,请在此存储库中提出问题或提交拉取请求。
此新闻应用程序已根据麻省理工学院许可证获得许可。请根据许可条款随意使用、修改和分发代码。