User - ParkA-org/ParkA-WebApp GitHub Wiki

User

User creation

In this section of the wiki are the tutorials to create users in the ParkA web app.

Log in page

In order to sign in, a user must navigate to the log in page where he will click on the Crear mi cuenta con mi correo electrónico button that will navigate him to the registration form.

Login Page

User personal information

In the first page of the registration form, the user has to input its personal information such as name and last name.

To move to the next step, no field must be left empty, otherwise the app will throw an error suggesting that a field has been left blank.

Register user page

User document information

In the second step of the registration form, the user has to fill his document information such as birth date and place of birth.

As the user is filling the information, the card at the top of the form will be displaying the filled information real time.

User information page

User account confirmation

Once the registration process is successfully completed, the user will be redirected to the account registration page.

User confirmation page

At the same time he will receive an email with a confirmation code.

User confirmation email

Even though this process is not mandatory, is highly recommended to complete it after the registration process as the app will not allow not confirmed users to log in.

Edit user

In this section of the wiki are the tutorials to edit users in the ParkA web app.

User edit page

In the first step the user has to access the profile page by clicking the button with the user name in the top right corner of the page. After the page redirect the user to the profile page, the user can click the Editar button that is placed under the user profile image. User profile

User edit form

In the next step the user is redirected to the edit form he can edit fields such as name, last name, profile image, etc. After all the changes are made the user should click the Guardar button. Edit user profile form

User edit result

Finally the page redirect the user again to the profile page where the data is updated with the latest information provided.' Edit user profile result