zubhub
zubhub copied to clipboard
feat:[Functionality/UI]: Implement Category Filtering on the landing page
Summary
This PR is inteded to fix isse #777 according to the new desing agreed here
Closes #777
Tasks
- [x] Add Category to
ProjectListSerializer
Class inbackend
code so that we can have the categories of each project as part of the fields in the projects data - [x] Add
categories
to state - [x] Design UI/UX with a single "plug and play" component called
ProjectListFilter
to make things easier and somple and to match the new Design. Header was not implemented yet as the desgin hasn't been agreed upon by mentors at this point - [x] Implement Algorithm to switch categories
- [x] Make it mobile responsive and also match theme
- [x] Add translation for categories in the translation files, also translate the Filter Title
Demo
https://github.com/unstructuredstudio/zubhub/assets/51094040/234a1790-bff2-4c48-8ac7-49841480d6a2
Great work @benndip
You can try keeping this PR alive by fixing merge conflicts