In this application, we have different views like map, gallery, etc., where data is fetched from an API and displayed to the user. One thing that will be useful for our users is an ability to filter through the data and find what they are looking for quickly and efficiently.
The Need:
Currently, we do not have a filtering mechanism in place, which makes it cumbersome for users to navigate through large amounts of data. To improve the user experience, we need to create a Vue.js component that allows the user to filter the API data based on different tags, in various views of the application.
This will require some thinking about the kinds of columns that we want to make accessible for filtering. For example, for Mapeo data structures, the categoryId field will be apt as it is the primary key. For Kobo/ODK forms, this is less clear, so we need to consider how to handle that.
Acceptance Criteria:
A reusable Vue.js component that can be integrated into different views of the application (map, gallery, etc.).
The component should provide filtering options that are intuitive for the kind of data being rendered (Mapeo, ODK/Kobo, etc.)
The component should update the view in real-time as the user selects different filter options.
In this application, we have different views like map, gallery, etc., where data is fetched from an API and displayed to the user. One thing that will be useful for our users is an ability to filter through the data and find what they are looking for quickly and efficiently.
The Need:
Currently, we do not have a filtering mechanism in place, which makes it cumbersome for users to navigate through large amounts of data. To improve the user experience, we need to create a Vue.js component that allows the user to filter the API data based on different tags, in various views of the application.
This will require some thinking about the kinds of columns that we want to make accessible for filtering. For example, for Mapeo data structures, the
categoryIdfield will be apt as it is the primary key. For Kobo/ODK forms, this is less clear, so we need to consider how to handle that.Acceptance Criteria: