Worldmap:使用外部API对应用程序进行React以显示有关国家_地区的信息

时间:2024-05-28 17:56:22
【文件属性】:

文件名称:Worldmap:使用外部API对应用程序进行React以显示有关国家_地区的信息

文件大小:6.53MB

文件格式:ZIP

更新时间:2024-05-28 17:56:22

JavaScript

世界地图 Web应用程序可显示有关国家等的信息。可以从地图或列表中找到国家。 使用户可以标记访问过的国家/地区,并将国家/地区添加到个人愿望清单中,并可以在愿望清单和访问者清单之间移动国家/地区。 还有一个小国-资本测验来检查知识。 要运行该应用程序,请转到主文件夹(Worldmap),然后在命令行中键入:json-server --watch db.json --port 3004及更高版本,在另一个cmd行选项卡中,键入:npm start 该应用程序使用外部API获取国家/地区信息,使用react-simple-maps库在地图上显示数据,并使用json服务器保存用户数据(愿望清单和访问过的国家/地区列表)。 屏幕截图:


【文件预览】:
Worldmap-master
----db.json(891B)
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------world-50m.json(208KB)
--------favicon.ico(20KB)
----src()
--------logo.svg(3KB)
--------index.css(63B)
--------App.scss(8KB)
--------quizpic.jpg(579KB)
--------visitedpic.jpg(506KB)
--------components()
--------wishlistpic.jpg(1.19MB)
--------App.js(5KB)
--------registerServiceWorker.js(4KB)
--------App.test.js(248B)
--------App.css(9KB)
--------index.js(337B)
--------coverphoto.jpg(524KB)
----README.md(942B)
----screenshots()
--------wishlist.png(1.4MB)
--------quiz.png(1.32MB)
--------countryinfo.png(71KB)
--------mainpage.png(804KB)
----package-lock.json(619KB)
----package.json(827B)

网友评论