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

[taki-tiler]

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 User GraphQL type

• An Add user button

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

  • Name must be complete: at least 2 words
  • Phone should have only digits 10~11 digits (considering DDD code)
  • Birth date can have a minimum date and can't be in the future
  • Role should be a fixed set of values, according to the UserRole enum

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

[JuliaCMuniz]

Next

[taki-tiler]

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

[JuliaCMuniz]

Next

[taki-tiler]

Click here for your next track