文件名称：countries:一个Web项目，显示从REST api restcountries.eu检索的简单国家/地区数据
文件大小：664KB
文件格式：ZIP
更新时间：2024-04-06 15:17:30
JavaScript
特征 这是一个Web项目，显示从公共REST国家API（ ）检索的简单国家/地区数据。 用纸牌网格显示所有国家。 每个卡都允许用户可视化标记图像，名称，人口和区域。 用于按名称过滤国家/地区的文本字段。 复选框的表单组，用于按地区过滤国家/地区。 单击一个国家的卡以显示有关该国家的完整信息的能力。 延迟加载。 这意味着，它不会一次显示所有250个国家，而是一开始只显示少数几个国家。 然后，当用户向下滚动时，它将更多内容加载到显示器中。 主题切换（深色和浅色）。 响应式网页设计（移动和桌面）。 表示匹配国家/地区的数量。 一个基本的自定义图标。 用法 该项目是使用Create React App和Material-UI构建的。 使用以下命令在本地运行应用程序： yard install ：首先运行此命令以安装节点软件包。 yarn start ：以开发模式运行应用程
【文件预览】：
countries-master
----README.org(2KB)
----package.json(1KB)
----src()
--------setupTests.js(241B)
--------index.js(500B)
--------SimpleAppBar.jsx(1KB)
--------logo.svg(3KB)
--------App.js(2KB)
--------reportWebVitals.js(362B)
--------CountryCardGrid.jsx(889B)
--------App.css(619B)
--------CountryDashboard.jsx(6KB)
--------index.css(366B)
--------App.test.js(246B)
--------CountryCard.jsx(2KB)
--------CountryView.jsx(2KB)
----public()
--------favicon-32x32.png(418B)
--------favicon-16x16.png(266B)
--------robots.txt(67B)
--------apple-touch-icon.png(2KB)
--------logo192.png(3KB)
--------site.webmanifest(263B)
--------index.html(2KB)
--------favicon.ico(15KB)
--------manifest.json(492B)
--------logo512.png(7KB)
----screenshots()
--------example_query.png(57KB)
--------home.png(98KB)
--------country_view.png(61KB)
--------home_mobile.png(45KB)
--------country_view_mobile.png(47KB)
--------home_dark.png(100KB)
----README.md(2KB)
----countries.json(258KB)
----yarn.lock(525KB)