Submitted by: Noel Alfaro
This web app showcases photos taken on Mars by all the rovers explpring the red planet. Users can browse through photos at the click of a button and see which rover took the photo, when and with which camera. This is made possible by using the NASA Mars-photo-api. I managed to make random queries for each API call and parse through the given JSON data to render the final images to the user.
Time spent: ~12 hours spent in total
The following required functionality is completed:
- Clicking a button creates a new API fetch request and displays at least three attributes from the returned JSON data
- Only one item/API call is viewable at a time
- API calls appear random to the user
- At least one image is displayed per API call
- Clicking on a displayed value for one attribute adds it to a displayed ban list
- Attributes on the ban list prevent further images/API results with that attribute from being displayed
The following optional features are implemented:
- Multiple types of attributes can be added to the ban list
- Users can see a stored history of their previously viewed items from their session
The following additional features are implemented:
- Responsive To desktop, tablet and mobile screens!
Here's a walkthrough of implemented user stories:
GIF created with Kap for macOS
While I could not finish all the requirements by the deadline, such as adding to a banlist and previous gallery, I'm confident that I can get it done with more time.
Copyright 2023
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.