Implement browse all filters

[codemonkey800]

#25

Implements the browse all filters component for the browse all page. Overall the implementation of the filters works keeping state in sync with the query parameters. This is ideal because it:

1. Makes the application "stateless"
   • Even though state is stored in the query parameters, the application itself does not rely on any local state to have the filters working
2. Allows us to create permalinks of the filter page with every filter specified
   • Since the data is stored in the URL, opening the URL in another tab will init the local data with the query parameters, effectively creating a permalink
3. Leverages browser history API
   • This will allow us to go back / forward in the browser since the filter state is stored in query parameters

The components implemented in components/Filters should be generic enough to be used in other places as well, so it should be straightforward to re-use the components when we implement filters on other pages.

Demo

Filters demo

filter-demo.mp4

No results page