Time 30 minutes. Can google if you get stuck! Run npm i followed by ng serve to start the app.
Bug: The full list of users defined in the class UsersPageComponent aren't displaying in the users table.
Fix: Make them display.
Task: Make users submitted through the users form append to the existing users table.
Task: Prevent users with the same first name and surname being added twice to the users table (don't allow duplicates)
Task: Display the commented out error message (in users-form.component.html) if an attempt to add an existing user is made.
Notes: Don't worry about re-hiding the error message. Just make it initially hidden and then visible once an attempt to add a duplicate user is made.
Task: Add validation to ensure blank names aren't submitted in the users form.
Notes: Don't worry about giving UI feedback on this validation. Just ensure that it's impossible to add a user without a first name/surname.
Task: Make odd rows in the users table have background colour: #ccc
Task: Make the users table searchable/filterable by name.
Assumptions: Names will always be simple, that is, inputted with first name first and then surname after, separated by a space.
Notes: Use the existing search input field to receive the search term.
Acceptance critera:
Existing Users: (Joe Bloggs, Jane Doe, Bill Bloggs, Jane Bloggs, Joe Doe)
Search Term: "J" = (Joe Bloggs, Jane Doe, Jane Bloggs, Joe Doe)
Search Term: "Joe" = (Joe Bloggs, Joe Doe)
Search Term: "Joe B" = (Joe Bloggs)
Search Term: "Bill Bloggs" = (Bill Blogs)
Search Term: "J Bloggs" = (Joe Bloggs, Jane Bloggs)
Bug: Clicking the About nav link at the top doesn't navigate to the AboutPageComponent page.
Fix: Make the About link to the AboutPageComponent page.
Notes: Don't worry about the borders or the text. Just make the layout and have the app bar purple, menu green, and content blue.