ER: Add tip to Search Function (projects page)

[ExperimentsInHonesty]

Emergent Requirement - Problem

Issue you discovered this emergent requirement in

• Add a search function to the projects page #4136

Date discovered

2023-02-19

Did you have to do something temporarily

• YES
• NO

Who was involved

@ExperimentsInHonesty

What happens if this is not addressed

• The search is pretty powerful, and includes Booleans, but the users won't know how to use it, if we don't tell them.

Resources

-the boolean search terms are working now. e.g., https://www.hackforla.org/?Search=-VRMS+-bop+-311

Boolean Operators	Meaning	Example
AND	Limit results	Vegetarianism AND fish (Search for content that contains both vegetarianism and fish.)
OR	One term OR another	Scholarly OR academic (Search for content that contains scholarly OR academic.)
-	Exclude a term from the search	Bears -Chicago (Limits results to only those with bears and not the term Chicago.)

Recommended Action Items

• Make a new issue
• Discuss with team
• Let a Team Lead know

Potential solutions [draft]

We need the following issue

• a front end issue see the comment below

[jphamtv]

Proposed solution

Add link below the Filter section that opens a modal that has the following text and table

Link Text

Search Tips

Modal Content

To find projects matching any of your interests, use Boolean Operators in the Search Bar. See the table below to understand more how Boolean Operators work.

Boolean Operators	Meaning	Example
AND	Limit results	React AND Node (Search for project cards that contain both React and Node.)
OR	One term OR another	Python OR Javascript (Search for project cards that contains Python OR JavaScript.)
-	Exclude a term from the search	React -Django (Limits project card results to only those with React and not the term Django.)

Link Text placement on Desktop/Tablet:

Link Text placement on Mobile: