High-Level Project Summary
We build WebApp to track the space station in a 3D model. It previously builds in a 2D model. We update it as a 3D model. We see all the technology update day by day. Updated technology always gives us much more benefits. Our 3D model brings opportunities for great 3D visualization, learning purpose, orbital and real-time speed, longitude, latitude, and date & time. Users easily see their need for information about the 3D models in the space station. If you want to cool trick of this WebApp just move the mouse cursor sometimes. If you click the question mark button then you navigate to the history page to know more about the 3D model of the space station. On the history page, we also create
Link to Final Project
Link to Project "Demo"
Detailed Project Description
Project name is to track the space station in a 3D . In the 3D model, we have benefited on many sides. Our valuable project brings some interesting features. That makes our Web App much more beneficial. Daily we see all the technology updates just pass some moments. Updated technology always gives us much more benefits and make our life easy. Our 3D model brings opportunities for learning purposes, 3D visualization, orbital and real-time speed, longitude, latitude, date & time. Users who want any information about Space Station in 3D just visit our Web App. We add a cool trick to our Web App. If you use these cool tricks just move the mouse cursor sometimes. We also add a button for navigating the history page. If you click the question mark button then you shift to the history page. There you see the history of the 3D model of the space station. On the history page, we also create a back button. When you click the cross button then you come back to the home page. We try our best to look creative and user-friendly. This is our dream project that's why we do our best form for build this Web App.
What Exactly Does It Do?
The name of our project is Track The Space Station in 3D model. We showed 3D Earth and also a 3D ISS model. We see the ISS moving around the Earth. It gives us real-time speed. That helps us in many different ways. We can use zoom in and zoom out by scrolling the mouse wheel. We visualize in the 3D model to look creative on our Web App and also fall in advanced level. We also see longitude, latitude, date & time in the present. It's very much beneficial for us. We also created a button and we set it as a question mark icon (?). When we press this ion we see a new link shown down below. If we click the link then we landed on a new page. This new page gives some information about ISS. Those are the early days of ISS, multinational Operations, and Achievements of ISS. We also create a button for going back to the home page. We indicate the button with a cross icon(X). when we press the cross icon the page shift to the home page. We try our best to buildup a great project.
How Does It Work?
We build an 3D Web App. The name of our challenge is Track the Space Station in 3D. It previously builds in 2D. We updated it and are ready for showing in a 3D model. In the Web App, we see the ISS moving around the Earth. We see the real-time speed by our Web App. We create another page for history. We create a button and indicate it in the question icon. When anyone presses the button then they landed on a history page. We see there is some information about ISS. Those are the early days of ISS, multinational Operations, and Achievements of ISS. We also create a button for the back to the home page. Our 3D model brings opportunities for learning purposes, 3D visualization, orbital and real-time speed, longitude, latitude, date & time. We can zoom in and zoom out by scrolling the mouse wheel. We include cool tricks in our Webpp. If a user wants these cool tricks then he/she moves the mouse cursor in sometimes. We do our best for creating beautiful and great 3D space station models.
FLY1 Images

Fig1: This ISS Orbiting the earth in day.

FIG2: The ISS Orbiting Earth in night.

FIG3: From The earlier day Of ISS to Modern Times.
Tools:
NASA ISS Tracker API- To get the position, latitude, longitude & Speed.
Three.js- For the implementation of the 3d model in websites.
NASA ISS 3D Model- To use for 3D Space Station.
Visual Studio Code - Used as Integrated Development Environment to ease our developing process
Git and GitHub - Version control and Collaboration Tool And Free Hosting
CODING LANGUAGES:
1.Javascript.
2.Html5
3.CSS3
What Benefit Does It Have
We see all the technology update day by day. Updated technology always gives us much more benefits. Our 3D model brings opportunities for great 3D visualization, learning purpose, orbital and real-time speed, longitude, latitude, and date & time. Users easily see their need for information about the 3D models in the space station. Users can zoom in and zoom out of the 3D models by scrolling the mouse wheel. We also create cool tricks. when users move the mouse cursor sometimes then they see the cool tricks. We also add a history page for some information about ISS. We try our best to build this Web App.
Space Agency Data
NASA ISS Tracker Api- To get the position, latitude, longitude & Speed.
Three.js- For the implementation of the 3d model in websites.
NASA ISS 3D Model- To use for 3D Space Station.
Hackathon Journey
This space App challenge really makes our bond strong together. We acquired new techniques to solve Problems. This was my first time doing this challenge. So we were a little bit nervous and at the same time excited. We worked hard in these few days even though our class and exam were close but we prevail ahead. And We have learned new things on how to do competitive problem solving which will help us a lot. we thought this challenge was all about rocket science. But we soon were wrong about the news. we didn't know how to add a 3D model to the website at first that's why
had to learn three js. we thought it was very hard but we didn't give up on ourselves. This challenge was very intriguing for us to solve.
We would seriously love to thank BASIS for not only hosting Space Apps Bangladesh round but also for their immense mentorship & support throughout the project.
References
https://solarsystem.nasa.gov/resources/2378/international-space-station-3d-model/
https://worldwind.arc.nasa.gov/web/examples/
https://threejs.org/
http://open-notify.org/Open-Notify-API/ISS-Location-Now/
Tags
#nasa, #teamwork ,#3D,#space, #ISS

