发布于 2026-01-06 1 阅读
0

《太空旅行》最终版已发布🚀🛸 作者团队成员

最终提交作品《太空旅行》已发布🚀🛸

作者

团队成员

我们建造了什么

我们使用 Reactjs 构建了一个太空旅行Web 应用程序,并利用了其其他库和其他 NPM 包。该应用程序分为以下 4 个不同的组件。

  • 第一个组件:- 第一个组件中有一个 3D 地球,它是借助React 中的three.js一个名为 的库构建的ReactGlobe,还有一个导航栏,这些链接与所有组件都关联起来。
  • 第二个组件:我们使用了NASA APOD APIAPOD(每日天文图片)API,该 API 的内容会定期在我们的网站上更新,而且该内容是动态的,我们Text-to-speech借助react-speech-kit库实现了该文本,并且还有一些很酷的设计,还有一个按钮search链接到另一个组件,现在还有一个随机 APOD 图片功能,点击它即可查看这些图片。
  • 第三个组件:-第三个组件是 search.js,该组件中有一个搜索按钮unsplash-js,我们使用了 API 来实现该功能。点击搜索按钮后,图片将会加载,您可以预览这些图片,也可以下载这些图片,此外还有其他一些很棒的功能。
  • 第四/第五/第六组件:- 第四个组件是 footer.js,其中包含文章链接和项目作者信息;其他组件包括 navlinks.js 和 notfound.js,这就是本项目的所有组件。

类别提交:

  • 随机轮盘赌

应用链接(在线演示)

在线演示链接🔥

屏幕截图

  • 由于画面缩小,所以有些东西看不见。替代文字 替代文字 替代文字

更多详情请观看YouTube视频⤵️(注:- 但我们现在已经更新了新功能,请查看在线演示)

源代码链接

GitHub 标志 krishnadevz /太空旅行

这是一个用 Reactjs 开发的太空旅行应用,借助了 3JS 等 3D 库。应用的第二部分使用了 NASA 开放 API 获取内容,并实现了文本转语音等功能,以及其他许多功能(例如 Unsplash API、下载预览等等)。请查看项目的在线演示和 README 文件。🌠

</🌠>太空旅行🌍</🛸>

项目主要特点及基本描述

  • 该项目的第一个组件是 3D 地球,它使用 ReactJS 和 ThreeJS 库构建。下方还有一个页脚组件,页面路由我们使用了react-router相应的库。

  • 第二个组件是完全动态的,这意味着内容会定期更新。NASA APOD(Astronomy picture of the day) API此外,还有一个使用react-speech-kit库的文本转语音按钮。请不要过度使用 API,也不要再次点击该文本转语音图标。现在还有新的随机 APOD 图片功能等等,请查看相关文章和在线演示链接。

  • 第三个组件接收用户输入,并根据用户搜索内容显示图片(这些图片来自 Unsplash API),我们还可以提供下载这些高分辨率图片和预览的功能……

许可

背景

我从小就喜欢太空,所以我想我们可以做一个关于太空的项目,而且这个想法很独特,我们也添加了一些新的功能,使其更具SpaceTravel创意和独特性。

我是如何搭建它的

我学到了很多东西,也解决了许多问题,Hally 也做得非常出色。
如果你想了解我们黑客马拉松的整个过程,可以查看从第一天开始的所有文章,链接会在本文开头显示。我从 2020 年最后一周就开始参与这个项目,我热爱这段旅程和这段美妙的经历。

作者

  • 克里希那
  • 哈利

团队成员

GIF

其他资源/信息

  • 所有细节都已在之前的系列文章和 GitHub 仓库依赖项部分中介绍。部署到 DigitalOcean感谢阅读,祝大家今天愉快 😊 我们成功了 🌠
文章来源:https://dev.to/krishnakakade/final-submission-spacetravel-is-released-3h0d