A React application that allows the user to search based on multiple fields and presents the result in a very beautiful table. Beauty does lie in the eyes of the beholder.
User would see an empty page initially.
User can trigger search with item number in search field directly.
Item numbers can be multiple with comma separated.
User can trigger search using filter panel by applying one or more filters.
The user can open the panel by clicking the filter button
Filter has 2 different style: free text field and multi-selection
For this exericise please implement the following filters.
Item Number (numeric, comma separated, free text field)
The value of this field should be binding with the search bar
Order Number (numeric, comma separated, free text field)
Type (multi-selection):
Options: “EDF”, “CAO”, “SFO”
Once search is performed, the main screen will turn into table with search result.
When the user clicks on “reset all” button in filter panel, the screen returns to empty page.
On this page of the site you can watch the video online React Multiple Search Application with a duration of hours minute second in good quality, which was uploaded by the user Lilies Tech Zone 20 January 2023, share the link with friends and acquaintances, this video has already been watched 239 times on youtube and it was liked by 0 viewers. Enjoy your viewing!