Influential Stellar Students (ISS team)

https://github.com/stanleymw/iss-tracker

https://drive.google.com/file/d/1f4n4miywdrrpQvyM1M9MvfB9u0h5vsr2/view?usp=sharing

Our project is a website written in Javascript, HTML, and CSS which is designed to track the ISS in an interactive and 3D interface. We used CesiumJS to create a globe then added NASA's 3D provided model of the ISS onto the map which we made move using calculations done using the satellite.js library. We then organized the website and added multiple tabs which provides easy access to both NASA's YouTube and Twitter feeds. We hope that the appealing visuals and user-friendly interface captures the public's interest and inspires them to learn more about the ISS and NASA.

How to run the code:

1. Open the GitHub link.
2. Click the green code button.
3. Copy the link inside of the code button.
4. Open a terminal and run "git clone <link that was copied>".
5. Open index.html using your web browser of choice (preferably on Firefox for all features but chrome and other browsers do work)

Alternate option:

1. Open the GitHub link.
2. Click the green code button.
3. download as a zip file
4. find the file in your folder and click extract all
5. lastly, open the index.html file (preferably on Firefox for all features but chrome and other browsers do work)

In our project we used the International Space Station 3D model provided to us by NASA science as well as several public videos and posts from both Nasa's YouTube and Twitter.

Links:

https://solarsystem.nasa.gov/resources/2378/international-space-station-3d-model/

https://twitter.com/Space_Station?ref_src=twsrc%5Etfw

https://www.youtube.com/embed/BbiGqW07ER8

https://www.youtube.com/embed/a-flzdifn54

https://www.youtube.com/embed/6MR-qaDaG6w

https://www.youtube.com/embed/TiUvXmRDwEQ

Overall our hackathon journey was a memorable experience. Our team chose this challenge due to the web design aspect which was something we all found both fun and helpful to learn. When designing the project we made the website itself first so we all had something to build off of and then worked on separate pages and functions so that they could be combined together into the final product. One challenge we faced were the differences in coordinate systems used between Cesium and the other calculations done using the satellite.js library, which resulted in strange positioning and misalignment. However, our team was able to convert the coordinates and display the correct positioning of the ISS.

For our project we used the CesiumJS library to create the interactive Globe, the NASA ISS 3D model, and the satellite.js library and documentation to calculate the position of the ISS, from TLE data obtained from Celestrak. We also used art from windowscustomisations.com for the backdrop and pixabay.com for free ISS images. Lastly in order to create the website we read a free Microsoft tutorial and used the CesiumJS and satellite.js documentation. We edited our video of the project with Canva.

Links:

Cesium: https://cesium.com/platform/cesiumjs/

NASA ISS 3D model: https://solarsystem.nasa.gov/resources/2378/international-space-station-3d-model/

Celestrak ISS TLE Data: https://celestrak.org/NORAD/elements/gp.php?GROUP=stations&FORMAT=tle

satellite.js: https://github.com/shashwatak/satellite-js

Background art: https://windowscustomization.com/request-an-animated-wallpaper/

ISS photos: https://pixabay.com/photos/international-space-station-63128/

Microsoft tutorial: https://learn.microsoft.com/en-us/training/modules/build-simple-website/3-html-basics

Canva: https://www.canva.com/

#ISS #Tracker #NASA #3D #webpage #VScode #OpenSource #GitHub #Cesium #Canva