Submitted by: Nour Siwar
This web app: This is a data dashboard that provides an at-a-glance summary of information gathered from Marvel API. The dashboard view contains summary statistics and a list view of the data that can be searched and filtered.
Time spent: 11 hours spent in total
The following required functionality is completed:
- The list displays a list of data fetched using an API call
- Data uses the useEffect React hook and async/await syntax
- The app dashboard includes at least three summary statistics about the data such as
- Character with most comics
- Total number of comics
- Total number of characters
- A search bar allows the user to search for an item in the fetched data
- Multiple different filters (2+) allow the user to filter items in the database by specified categories
The following optional features are implemented:
- [] Multiple filters can be applied simultaneously
- Filters use different input types such as a text input, a selection, or a slider
- The user can enter specific bounds for filter values
Here's a walkthrough of implemented user stories:
GIF created with ... LiceCap
- Getting started with theformat
- Calling API to display names
- Connecting with API data and forming them in aesthetic formation
- Getting character with most comics
Copyright [2023] [Nour Siwar]
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.