[Track 6/8] [FE / INT] Add User

[taki-tiler[bot]]

Step 1/2 - Add User Screen Frontend (FE)

Estimated time: 2 hours

Now, we need an Add User Screen so we can... well... add new user users into our app. 😑

Add a button on your users list to navigate to your new Add User page. It can be a FAB - Floating Action Button, a button on the navigation bar or some other implementation you research on a good internet reference.

Your screen should have:

• A form field for each of the properties that are listed in UserType GraphQL type, except for:

• An Add user button

• Fields validation, like on your login page, but according to the field type. Examples:

  • Birth date can have a minimum date and can't be in the future
  • CPF could be validated with the proper algorithm, or at least 11 numbers.

NOTE: following the process of previous tracks, this step contemplates only FE

[jeanleeb]

next

[taki-tiler[bot]]

Step 2/2 - Add User Screen Integration

Estimated time: 3 hours

After you create the frontend, it's time to send this data to the server for creating the user.

The mutation used to create an user is the createUser mutation. Docs in Documentation Explorer.

When this integration is done, your screen should:

• Return to the User List page if the user create request mutation has succeded
• Shows the incoming server error message on screen if the request fails

[jeanleeb]

next

[taki-tiler[bot]]

Click here for your next track