We built a SpaceTravel web application in reactjs and also using its other libraries and other NPM packages this application is divided into 4 different components are following
- First component:- In the first component there is one 3D earth that is built with help of
three.jsand a library called
ReactGlobein react and also there is one navbar those links are linked to them all components.
- Second Component:- In we used
NASA APOD APIthat APOD(Astronomy Picture of the day)API content is regularly updating on our website also that content is dynamic on that text we performed
Text-to-speechwith help of
react-speech-kitlibrary and also cool designs are there and also there is one button called
searchthat is linked to another component and also now there is random APOD picture feature is there click on it to view those pictures.
- Third Component:-Third component is search.js in this component there is one search button for that we used
unsplash-jsAPI and also after clicking on search images will be load there and you can preview those images also you can download those images and other cool stuff is given there.
- Fourth/Fifth/sixth Component:- Fourth component is footer.js includes article links and authors of the project and other components are navlinks.js and notfound.js this all the components of this project.
- Random Roulette
- Zoomed out because of taking whole that's some things are not visible
SpaceTravel app in reactjs and with help of 3D libraries like 3JS and in second part used NASA open API for getting contents and also text-to-speech and many more things (unsplash api and stuff and download preview many more RANDOM APOD stuff )check the live demo and readme of the project.🌠
Key Features and basic Description of project
First Component of this project and is 3d earth and also it is built with help of reactjs and threejs liraries and also there is one footer component below and for routing pages we used
Second Component is fully dynamic means that content is regualry updated for that we
NASA APOD(Astronomy picture of the day) APIand also there one text-to-speech button is there that uses
react-speech-kitlibrary please don't overuse the api and don't click again again on that text to speech icon and now also there is new random APOD images feature and many more check the articles for that and live demo links .
3rd component takes input from users and shows images(those images coming from unsplash api) according user search and also we can download those high resolution images and preview of those…
Since a childhood i love the space that's why i thought we can do project on that and also this idea is unique and also we added new features too that makes
SpaceTravel creative and unique .
I learn so many things and also solved many issues also and also hally did a great job.
if you want to know what whole Journey of our hackathon then check series of all articles from Day1 that links will be shown at the start of this article i am working on this project since last week of 2020 i love the journey and wonderful experience.