High-Level Project Summary
We decided to build a web app in react using three.js and the TLE API provided by the nasa for satellite positioning, specifically, the ISS. We managed to finish the basic layout of the website, even we included a gallery for all ISS images in the IMAGES api related to the ISS according to the year. We will further develop it to correctly display the REAL position of the ISS.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
It's a web app using React, Three.js, Fiber Three.js, Javascript, Sass, HTML, WebGL. It should show the current ISS position in real time. We've been using VSCode to develop it and we're planning on continue developing it, we created a GitHub repo so more people can join into our project and make it a useful educational tool to learn about the ISS laboratory. We seriously believe that we can build the best open source tool to learn about the ISS for all space enthusiasts.
Space Agency Data
We are using the image/video API, as well as the TLE API to get the ISS information. Further on we will implement other recourses to make it a more robust platform to learn about the ISS.
Hackathon Journey
It has been great! Even though we had an issue with our local organizer because they basically gave awards to projects without any products at all, they awarded the best sales pitches instead of the quality of the product and that was quite frustrating for my team because we have been working tirelessly to reach the current status of the project. We are completely in love with the project and we have decided to continue developing it at all costs.
References
Three.js, DREI, parseString, xml2js, vscode, codepen.io, three.js examples, NASA API's, NASA Earth model, NASA ISS model, React, Fiber, Node.js, NPM, NPX, create-react-app, react-router, http://tle.ivanstanojevic.me/, javascript
Tags
#iss #3d #three #javascript