Frontend Engineer

Aurora and Solar Wind | NASA Hackathon

- View the website -

Responsive: No

Check My Code: GitHub

Zoe Lin - Front-end Developer

Tina Wang - Back-end Developer

Ting-Huei Chen - Front-end Developer

Collin Park - Back-end Developer

Lumi Lu - Graphic Designer

Infinity and Beyond showcase

- Brief -

This work will be completed during the NASA Hackathon in 2022. In only two days, we have built a barrier-free connection to NASA and space for people. Through a user-friendly interface, people worldwide can see, hear or feel the importance of solar wind. More importantly, it can help those who do not have access to complex data or have no background in this area to learn easily.

- Why -

When the solar wind breaks free from the sun and runs towards the earth, it brings us beautiful auroras. However, not everyone has the opportunity to see it around the world. Therefore, we created the Aurora Generator that integrated NASA's Parker Solar Probe data. Our application is designed to make it easy for everyone to visualize and experience the changes in the solar wind. Users can explore auroras of different appearances by freely adjusting the date/location, atmospheric composition, or solar wind intensity.

- How -

Users can adjust the parameters by using the sliders and buttons in the list in the left column. Through collecting seven days of historical and real-time data, the website shows users different faces of the aurora. Furthermore, users are welcome to choose the location of their choice, such as the Northern Lights in Russia or the Southern Lights in South Australia.

  • NASA POWER API Service - Read or obtain and integrate the data we need in our applications
  • Figma - Design the application flow
  • Visual Studio Code - Used as the primary development tool.
  • GitHub - Version control and collaboration tools
  • Kaggle - Data integration tool and platform
  • MySQL - Database application for storing and applying data
  • PHP - The primary back-end development language
  • JavaScript - Main development language for front-end animation
  • CSS - Front-end page design and animation development language
  • Illustrator - Main design authoring tool