Facts About Asteroids
Asteroid trivia is a frontend project developed in 36 hours for the codedamn hackathon. In the website, you can see real data from NASA about asteroids together with size and speed comparisons with Animals. More details down below :)
Projects without themes are hard to start with but they stimulate our creativity. That is why in this project we think creatively and let our imagination flow.
Asteroid Trivia has a clean design and a straightforward proposition: show information about asteroids but in a remarkably interesting way. But just showing large numbers does not make us aware of the magnitude of those space objects.
For this reason, we decided to compare their data with animals' data. For example, we show approximately how many aligned blue whales would be necessary to achieve the average asteroid’s diameter.
We used Nasa’s API Asteroids – NeoWs (Near-Earth Object Web Service) to get reliable data about asteroids including their id, name, diameter, speed, last approach, and if it is hazardous.
We utilized the playground from Codedamn to develop the project with a better workflow.
The main technologies that we have used to create our web app were React.js, with some helpful libraries such as styled-components, to better organize our CSS code and application as a whole, font-awesome to get pretty icons and Framer motion, to implement some neat planet animations. 🌌
We have also used Axios, a promise-based HTTP client, to better organize our API calls and avoid code duplication. allowing us to communicate with APIs easily in our React apps.