Search Bar Functionality

[agao2]

As as user I want to be able to utilize the search bar to filter elections in real time as I type so that I can find elections to participate in easier.

• There is a search bar in every tab. Have the search bar filter the elections based on the name

Note : The place to start doing is most likely on the electionList component and put an onChange listener on the DOM element.

[agao2]

Update: After some feedback and further thought, the search function should not be done on the front end. This is because we would have to load the entire dataset from the back end and loop through everything on the front end. Not only is this inefficient from the looping, but loading the entire data set introduces some latency issues.

• Have the search bar return a post request to a search end point, we will create the resource search. In the payload or request body, include in the searched term.
• Use a db query on the hyperledger backend to retrieve the result.
• Show the results in a list under the search bar