/space-is-the-place

Anna and Cemal's API Project 🛰 Using Mars Rover API's

Primary LanguageJavaScript

Space is the place 🛰

an illustration of an astronaut waving a flag near a planet

User Journey

This app displays images fetched from the NASA Mars Rover Photos API

The images are gathered by NASA's Curiosity, Opportunity, and Spirit rovers on Mars.

This is a one page app with desktop:

desktop view of web page displaying images from the Mars Rover API

and mobile views:

mobile view of web page displaying images from the Mars Rover API

The user can choose on the drop down menus from any of the three rovers on Mars:

🪐 Curiosity

🪐 Spirit

🪐 Opportunity

and between two cameras:

📷 Front Hazard

📷 Rear Hazard

Details of the rover are shown in the content bar across the bottom of the screen:

a bar showing details of the Mars rover

The astronaut animation lets the user know that the images are loading: