/dog-viewer

Primary LanguageJavaScript

Web Development Project 4 - Dog-Viewer

Submitted by: Jawad Chowdhury

This web app: Take a break to look at these dogs!

Time spent: 3.5 hours spent in total

Required Features

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:

  • Attributes can be removed from the ban list by clicking on them

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with ShareX

Notes

Had a bunch of issues with the API giving me dogs with literally no information except an image, but I managed to work around that.

License

Copyright [2023] [Jawad Chowdhury]

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.