/WEB102_project5

Let's Get Drunk! 🍻 Find brewery near you.

Primary LanguageJavaScript

Web Development Project 6 - Let's Get Drunk!

Submitted by: Soyeon Kim

This web app: Find brewery near you

Time spent: 4 hours spent in total

Required Features

The following required functionality is completed:

  • The app includes at least two unique chart developed using the fetched data that tell an interesting story
  • Clicking on an item in the list view displays more details about it
  • Clicking on an item has a direct, unique link to that item's detail view page

The following optional features are implemented:

  • The site's customized dashboard contains more content that explains what is interesting about the data
  • The site allows users to toggle between different data visualizations

The following additional features are implemented:

  • List anything else that you added to improve the site's functionality!

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with ... Online Converter

Notes

API: Open Brewery DB

License

Copyright [2023] [Soyeon Kim]

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 - Let's Get Drunk!

Submitted by: Soyeon Kim

This web app: Find brewery near you

Time spent: 5 hours spent in total

Required Features

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
    • total number of result, total number of unique cities, total number of unique types
  • 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

The following additional features are implemented:

  • List anything else that you added to improve the site's functionality!

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with ... Online Converter

Notes

Describe any challenges encountered while building the app.

License

Copyright [2023] [Soyeon Kim]

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.