Website search should be improved

Increasing Access

Currently, the keyword search on the website often does not help users find what they look for. This is evident in usability testing, and in issue reports. To make the information on the site more accessible, search should be improved.

Most appropriate sub-area of p5.js?

Other (specify if possible)

Feature request details

• Here is the current search script: https://github.com/processing/p5.js-website/blob/main/src/scripts/builders/search.ts
• There is also a filter on reference: https://github.com/processing/p5.js-website/blob/main/src/components/ReferenceDirectoryWithFilter/index.tsx
• Commit introducing main portion of current search: https://github.com/processing/p5.js-website/commit/993e6c59a4eda4d5f0819e5b0a9fdd85e039fedc
• This issue is for research for what's possible technically: comments and draft PRs that demonstrate an idea are welcome from different people! But it is not yet ready for focused work. But keep in mind if you make a PR it may be closed.

Related issues

• https://github.com/processing/p5.js-website/issues/493 search through descriptions
• https://github.com/processing/p5.js-website/issues/459 search field suggestions dropdown feature
• https://github.com/processing/p5.js-website/issues/1249 searchProvider bug