DEV Community

Kauã Steliano
Kauã Steliano

Posted on • Updated on

Asteroid Trivia ☄️🐋

Facts About Asteroids

Project Overview

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 :)


About us

We are computer science students at UNESP, São Paulo State University, our team is consisting of Cassiano Rodrigues who has a background in Sap and 1 year of Ruby, JavaScript, MySQL, CSS, HTML, Bootstrap, AngularJS and React, Kauã Steliano who has experience of 2.5 years of Node.js, React Native and Typescript and Vinicius Fiedler with 1.5 years of C, C++, and python.

Project Details

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.

Used Resources

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.

Github Repository

Discussion (6)

Collapse
gass profile image
Gass

And the link?

Collapse
stelianok profile image
Kauã Steliano Author
Collapse
stelianok profile image
Kauã Steliano Author

We're currently fixing some bugs in our repo, at the end of this week we're going to put the site on production and I'll share the links here :)

Collapse
gass profile image
Gass

It's a cool idea. Looking forward to check it out!

Collapse
kszinhu profile image
Cassiano Rodrigues

It was amazing experience <3

Collapse
vinifiedler profile image
Vinicius Fiedler

Noice, really cool :)