Inspiration
We were inspired by how space weather affects daily life on Earth like GPS , satellites , and power grids and wanted to make that info easier to explore and understand using the data and a learning section.
What it does
Astrolis shows real time space threats on a 3D Earth and teaches users through quick lessons and quizzes .
How we built it
Front‑end magic :
Three.js for rotatable Earth and solar system and ai help .
for the backend :
- Solar flares , via NASA’ s DONKI .
- Asteroid passes through NASA’ s NEO feed .
- Real time ISS coordinates from WhereTheISS.at.
with the help of ai .
## Challenges we ran into - Hunting down APIs that actually work, day in and day out.
- Keeping the 3D scene smooth on browsers and phones alike.
- Crafting prompts so the web app ui looks cool and simple . ## Accomplishments that we're proud of
- Built an interactive 3D Earth experience using Three.js .
- Successfully integrated multiple real time space data APIs .
- Designed a clean and engaging UI in a short amount of time .
- Added a learning section with quizzes to make the app educational as well as visual. ## What we learned How to render smooth 3D objects and interactions for web using Three.js .
- How to handle multiple asynchronous API calls and display live space data .
- Prompt engineering techniques for guiding ai . ## What's next for Astrolis
- Add more advanced space weather predictions and alerts .
- Expand the learning center with lessons and gamified challenges .
- Improve performance on mobile devices .
- Enable user accounts for progress tracking and saved preferences.
- Add real-time satellite tracking and historical space events timeline .
APIs Used in Astrolis
- NASA DONKI API
- For: Solar flares
- Link: https://api.nasa.gov/
- NASA NEO (Near-Earth Object) API
- For: Asteroid approaches and space object tracking
- Link: https://api.nasa.gov/neo/
- Where the ISS at? API
- For: Real-time location of the International Space Station
- Link: https://wheretheiss.at/
- OpenWeatherMap
- For: Earth weather and atmospheric effects
- Link: https://openweathermap.org/api
Built With
- ai
- nextjs
- three.js
Log in or sign up for Devpost to join the conversation.