ServiceNowDevProgram / UI-Builder-Conference-Notes-App

https://github.com/ServiceNowDevProgram/Hacktoberfest
5 stars 53 forks source link

Create "My Network" variant page #32

Closed isaac-vicentini closed 1 week ago

isaac-vicentini commented 1 week ago

My Network Variant

This pull request aims to create a "My Network" page where users can view, add, update, and delete contacts.

The page header consists of a greeting message and a field to search for contacts.

In the first column of the body, the contact list is displayed using the Repeater component. Each item in the Repeater component is a card containing information about the Location met, First Name, Last Name, and Email.

In addition to the displayed information, two buttons have been created to delete or edit the contact. The delete button removes the contact from both the table contact and the repeater list, while the edit button displays the user's information in the form next to it for editing.

Below the Repeater, a pagination component has been created, which users can configure to display 4 or 8 items per page.

The second column displays a form that can be used to create or update a contact. Whenever the form is saved or submitted, the contact table and the Repeater list are updated.

Layout:

image