Stack-Minds / p4

0 stars 0 forks source link

UserStory Develop #2

Open pallavi-unix opened 11 months ago

pallavi-unix commented 11 months ago

In order to answer the following user story, we must construct a new component called "States View". Make a brand-new component view that shows the names of all the states that have a specific substring. A substring-accepting input field must be implemented in your view. The view will show an HTML list in alphabetical order of all the states whose names contain the specified substring, disregarding case differences.

DESCRIPTION: We would like to be able to search for states that include a particular substring and have a list of those states displayed in alphabetical order as a user. We also want the filtering substring we used to be presented individually, and if there are no states that match, we want a clear notification to let me know that. The detailed approval standards are as follows:

https://github.com/btdobbs/WA/blob/main/Project/04/README.md

Acceptance Criteria: Set up a brand-new element called "States View." Create a field in the component where users can enter a substring. Display a case-insensitive HTML list of all the states with names that match the specified substring in alphabetical order. As the user types each character in the input area, the list ought to automatically refresh. On the web page, show the filtering substring in a distinct element. Display a clear message rather than an empty list if there are no states that match the entered substring. Show all states alphabetically when the input field is empty. The "States View" element is developed and included in the program. It is possible to enter data into the input field. Depending on the entered substring, the list of states changes dynamically. The filtered substring is shown in a different element. When there are no states that match, a clear notice is shown. The component has undergone extensive testing and satisfies all specifications. Peers review and approve the code. The "States View" component's usage instructions are now included in the updated documentation. The component has been successfully installed and is usable in the program.