https://github.com/schneedotdev/nasa-asteroid-observation-tool

Using NASA's Asteroid NeoWs API, this app allows you to observe an archive of asteroids that have been within a close proximity of earth
https://github.com/schneedotdev/nasa-asteroid-observation-tool

Last synced: 8 months ago
JSON representation

Using NASA's Asteroid NeoWs API, this app allows you to observe an archive of asteroids that have been within a close proximity of earth

• Host: GitHub
• URL: https://github.com/schneedotdev/nasa-asteroid-observation-tool
• Owner: schneedotdev
• Created: 2022-04-10T01:22:13.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-02T20:07:11.000Z (about 4 years ago)
• Last Synced: 2025-10-24T09:49:46.051Z (8 months ago)
• Language: JavaScript
• Homepage: https://asteroid-observer.netlify.app/
• Size: 8.87 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  
NASA Asteroid Observation Tool

  
Using NASA's Asteroid NeoWs API, this app allows you to observe an archive of asteroids that have been within a close proximity of earth.

  
Live Website: https://asteroid-observer.netlify.app





  



## How It's Made:

**Tech used:** HTML, CSS, JavaScript

Using the Fetch API, I was able to request data from NASA's NeoWs API. Once the response is received, I populate the DOM with elements representing each of NASA's documented asteroids. I use an image of an asteroid to represent each object that was received from NASA. Each asteroid has a hover state that displays the asteroid flying across the screen and a click event which brings up information about the asteroid. Lastly, each asteroid is given a random location, size and trajectory/slope to follow. The image used is then rotated based on the angle produced by the tangent line given by the slope, and the x axis. 

## Future Optimizations:



  
Using netlify, store token secret from user and consume it on page load.



## Lessons Learned:

By using math and css transformations, I am able to simmulate the path of an asteroid across a browser window.