zubhub icon indicating copy to clipboard operation
zubhub copied to clipboard

feat:[Functionality/UI]: Implement Category Filtering on the landing page

Open benndip opened this issue 1 year ago • 1 comments

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 in backend 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

benndip avatar Oct 16 '23 09:10 benndip

Great work @benndip

You can try keeping this PR alive by fixing merge conflicts

yokwejuste avatar Oct 17 '23 12:10 yokwejuste