Web Development Project 6 - Movie Dash v2

Submitted by: Aniyah Curry

This web app: Dashboard that displays information about different movies

Time spent: 3 hours spent in total

Required Features

The following required functionality is completed:

• Clicking on an item in the list view displays more details about it
  • Clicking on an item in the dashboard list navigates to a detail view for that item
  • Detail view includes extra information about the item not included in the dashboard view
  • The same sidebar is displayed in detail view as in dashboard view
  • To ensure an accurate grade, your sidebar must be viewable when showing the details view in your recording.
• Each detail view of an item has a direct, unique URL link to that item’s detail view page
  • To ensure an accurate grade, the URL/address bar of your web browser must be viewable in your recording.
• The app includes at least two unique charts developed using the fetched data that tell an interesting story
  • At least two charts should be incorporated into the dashboard view of the site
  • Each chart should describe a different aspect of the dataset

The following optional features are implemented:

• The site’s customized dashboard contains more content that explains what is interesting about the data
  • e.g., an additional description, graph annotation, suggestion for which filters to use, or an additional page that explains more about the data
• The site allows users to toggle between different data visualizations
  • User should be able to use some mechanism to toggle between displaying and hiding visualizations

Video Walkthrough

Here's a walkthrough of implemented user stories:

[Imgur link](https://imgur.com/a/moviedashv2-7jK3x9Y)

GIF created with Kap

Notes

Debugging false nullity when accessing json response data

License

Copyright [yyyy] [name of copyright owner]

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.

Web Development Project 5 - Movie Dash

Submitted by: Aniyah Curry

This web app: Dashboard that displays basic movie info

Time spent: 5 hours spent in total

Required Features

The following required functionality is completed:

• The site has a dashboard displaying a list of data fetched using an API call
  • The dashboard should display at least 10 unique items, one per row
  • The dashboard includes at least two features in each row
• useEffect React hook and async/await are used
• The app dashboard includes at least three summary statistics about the data
  • The app dashboard includes at least three summary statistics about the data, such as:
    • insert details here
• A search bar allows the user to search for an item in the fetched data
  • The search bar correctly filters items in the list, only displaying items matching the search query
  • The list of results dynamically updates as the user types into the search bar
• An additional filter allows the user to restrict displayed items by specified categories
  • The filter restricts items in the list using a different attribute than the search bar
  • The filter correctly filters items in the list, only displaying items matching the filter attribute in the dashboard
  • The dashboard list dynamically updates as the user adjusts the filter

The following optional features are implemented:

• Multiple filters can be applied simultaneously
• Filters use different input types
  • e.g., as a text input, a dropdown or radio selection, and/or a slider
• The user can enter specific bounds for filter values

Video Walkthrough

Here's a walkthrough of implemented user stories:

GIF created with Kap

Notes

Debugging false nullity when accessing json response data

License

Copyright [yyyy] [name of copyright owner]

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.