Submitted by: Lynjai Jimenez
This web app: This is an interactive web application that allows users to explore and learn about various cat breeds. Users can click a button to discover random cats, view their images, and read details about their breed, including origin, weight, life span, temperament, and a link to more information. The app features a "Recently Seen Cats" section that keeps track of previously viewed cats, and a customizable "Ban List" where users can exclude specific attributes from future searches. This ban list can be easily managed, with the ability to add or remove banned items.
Time spent: 2 hours spent in total
The following required functionality is completed:
- [ X ] Clicking a button creates a new API fetch request and displays at least three attributes from the returned JSON data
- [ X ] Only one item/API call is viewable at a time
- [ X ] API calls appear random to the user
- [ X ] At least one image is displayed per API call
- [ X ] Clicking on a displayed value for one attribute adds it to a displayed ban list
- [ X ] To ensure an accurate grade, your recording must show that when clicked, an attribute in the ban list is immediately removed from the list of banned attributes
- [ X ] Attributes on the ban list prevent further images/API results with that attribute from being displayed
The following optional features are implemented:
- [ X ] Multiple types of attributes can be added to the ban list
- [ X ] Users can see a stored history of their previously viewed items from their session
The following additional features are implemented:
- [ X ] List anything else that you added to improve the site's functionality!
- Mobile Responsive
- Added wikipedia link and temperaments to attributes
- Added a reset search button
- User can remove a banned item from the ban list and previously banned item will return back to search
Here's a walkthrough of implemented features:
GIF created with screentogif.
Describe any challenges encountered while building the app. - None
Copyright 2024 Lynjai Jimenez
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.