The number of organizations and projects that will be added to the website will be growing, thus search will be needed in order to easily find certain projects/repos.
Solution
Added Search to Page with List of Projects
Created app/src/js/projects.js with search functionality, inspired by code in /open repo. Added new .js file to rollup config
Refactored some project.liquid code by creatingproject-card.liquid, a component for project card. This will make it easier for future development regarding search + filters for project cards.
Result
Text in search bar hides cards that do not match query.
Added Search to List of Projects Page
Problem
The number of organizations and projects that will be added to the website will be growing, thus search will be needed in order to easily find certain projects/repos.
Solution
Added Search to Page with List of Projects
app/src/js/projects.jswith search functionality, inspired by code in/openrepo. Added new .js file to rollup configproject.liquidcode by creatingproject-card.liquid, a component for project card. This will make it easier for future development regarding search + filters for project cards.Result
Text in search bar hides cards that do not match query.
Test Plan
Manually verified changes.