Inspiration
Since I was a kid, I have loved the rover program and have kept tabs on the project. When I saw that the API was public, I had to jump on the chance to see Mars from the rovers' perspectives. My kids also love space and robots, so I thought they would enjoy it.
What it does
It displays the photos taken by four rovers: Curiosity, Opportunity, Perseverance, and Spirit. The user can search for photos from a specific Martian day (Sol) or by Earth date.
How we built it
It is a React web app that uses TailwindCSS for styling. The backend is provided via NASA's API.
Challenges we ran into
The shear amount of data that the API provides means that I had to be careful with my calls so that I didn't bog down the app too much. There is also a separate endpoint for web apps that was buried in the documentation. Once I found that, it became much easier to work with the API.
Accomplishments that we're proud of
It works and is mobile-friendly.
What we learned
How to handle complex objects and how to make careful calls to an API to prevent a flood of data.
What's next for Martian Vision
I want to polish the UI and add more pages featuring information about the various rovers.
Built With
- javascript
- react
- tailwindcss
Log in or sign up for Devpost to join the conversation.