Search Resources

[tripott]

As a veteran, I desire the ability to search resources by the resource's name, formalName, shortDesc properties so that I can find the appropriate resource for my needs.

• a prominent search icon on the nav menu that is easy to find.
• ability to select Search from the main menu drawer.

Workflow

• Once I decide to start a search, I desire to enter my search criteria into a text box within the nav menu at the top of the page. Search Wireframe 1

• As I enter my search criteria, I wish to see a list of resources whose name, formalName, shortDesc properties contains my search criteria. For example, search criteria of "red" would find the following resources. Search Wireframe 2

  • Red Cross
  • A Red Light
  • Otis redding

• Once I select a resource item from the list, I wish to navigate to the Resource Show Page. Wireframe

Implementation Notes/Suggestions

• For speed, search the resource documents within the redux state resources array rather than using the API.
• Added search enginesearchDocs and searchStringBuilder functions. view code library helpers. These functions can be leveraged by the search page and used as the core search engine to filter the redux resources array.
• Once resources array is filtered, dispatch the filtered array to the redux store as filteredResources. Use this filteredResources array to paint a list of resource items. Reuse resource item from the resource list page.

[tripott]

• Added searchDocs and searchStringBuilder functions in preparation for future resource search