Sign up and login workflows in No-Code - Step-by-Step Execution

Concept Flow - Sign up and login workflows

User opens app

↓

Choose: Sign Up or Login

↓

Sign Up

↓

Enter info

↓

Validate info

↓

Create account

↓

Success

↓

User inside app

↓

Failure

↓

Show error

↓

Retry or Exit

This flow shows how a user chooses to sign up or log in, enters information, validation happens, and then either success or error is shown.

Execution Sample

No-Code

User opens app
User chooses Sign Up
User enters email and password
System validates info
System creates account
User is logged in

This example traces a user signing up by entering info, system validating, and creating an account.

Analysis Table

Step	User Action	System Action	Result
1	Open app	Show options: Sign Up or Login	User sees choices
2	Choose Sign Up	Show sign up form	User sees form
3	Enter email and password	Validate email format and password strength	Validation passes
4	Submit form	Create new user account	Account created
5	Auto login user	Grant access to app	User logged in
6	User inside app	Display dashboard	User can use app
7	User logs out	End session	User logged out
8	User chooses Login	Show login form	User sees form
9	Enter email and password	Check credentials against database	Credentials valid
10	Submit login	Grant access	User logged in
11	User inside app	Display dashboard	User can use app
12	User enters wrong password	Check credentials	Credentials invalid
13	Show error message	Prompt retry	User tries again or exits

💡 User either successfully logs in or signs up, or exits after failed attempts

State Tracker

Variable	Start	After Step 3	After Step 4	After Step 5	After Step 9	After Step 12
User Choice	None	Sign Up	Sign Up	Sign Up	Login	Login
Email Entered	None	[e-mail]	[e-mail]	[e-mail]	[e-mail]	[e-mail]
Password Entered	None	password123	password123	password123	password123	wrongpass
Validation Status	None	Passed	Passed	Passed	N/A	N/A
Account Created	No	No	Yes	Yes	Yes	Yes
Login Status	No	No	No	Yes	No	No
Error Message	None	None	None	None	None	Invalid credentials

Key Insights - 3 Insights

Why does the system show an error after entering wrong password?

Because at step 12 in the execution table, the credentials check fails, so the system shows an error message prompting retry.

What happens if the email format is invalid during sign up?

At step 3, validation would fail, so the system would not proceed to create an account and would ask the user to correct the email.

Does the user get logged in immediately after sign up?

Yes, as shown in steps 4 and 5, after account creation, the system automatically logs in the user.

Visual Quiz - 3 Questions

Look at the execution table, what is the system action at step 4?

A Validate email format

B Show login form

C Create new user account

D Display dashboard

💡 Hint

Check the 'System Action' column for step 4 in the execution table.

At which step does the user see an error message for invalid credentials?

A Step 12

B Step 13

C Step 10

D Step 9

💡 Hint

Look for 'Show error message' in the 'User Action' column in the execution table.

If the user chooses Login instead of Sign Up, what is the user choice variable after step 9?

A Login

B Sign Up

C None

D Error

💡 Hint

Refer to the variable_tracker table under 'User Choice' after step 9.

Concept Snapshot

Sign up and login workflows:
1. User chooses Sign Up or Login.
2. User enters info (email, password).
3. System validates info or credentials.
4. On success, account is created or access granted.
5. On failure, error shown and retry allowed.
6. User accesses app after successful login.

Full Transcript

This visual execution shows the steps a user takes to sign up or log in to an app. The user first opens the app and chooses either to sign up or log in. If signing up, the user enters email and password, which the system validates. If valid, the system creates the account and logs the user in automatically. If logging in, the user enters credentials which the system checks. If correct, access is granted. If any validation or credential check fails, the system shows an error and allows retry. Variables like user choice, email, password, validation status, account creation, login status, and error messages change step by step as shown in the tables. This helps beginners see exactly what happens inside the app during these workflows.

Practice

1. What is the main purpose of a sign up process in an app or website?

easy

A. To create a new user account

B. To reset a forgotten password

C. To log out from the account

D. To update user profile information

Solution

1. Step 1: Understand the sign up process

   Sign up is the step where a new user provides details to create an account.

2. Step 2: Differentiate from other actions

   Resetting password, logging out, or updating profile happen after account creation.

3. Final Answer:

   To create a new user account -> Option A

4. Quick Check:

   Sign up = create account [OK]

Hint: Sign up means making a new account [OK]

Common Mistakes:

• Confusing sign up with login
• Thinking sign up resets password
• Mixing sign up with logout

2. Which of the following is the correct order in a typical login workflow?

easy

A. Enter password, enter username, access account, verify credentials

B. Verify credentials, enter password, enter username, access account

C. Access account, enter username, enter password, verify credentials

D. Enter username, enter password, verify credentials, access account

Solution

1. Step 1: Identify login steps

   Login starts by entering username, then password, then system checks credentials.

2. Step 2: Confirm correct sequence

   Only Enter username, enter password, verify credentials, access account follows the logical order: username, password, verify, then access.

3. Final Answer:

   Enter username, enter password, verify credentials, access account -> Option D

4. Quick Check:

   Login order = username -> password -> verify -> access [OK]

Hint: Login always starts with username then password [OK]

Common Mistakes:

• Swapping username and password order
• Verifying before entering credentials
• Accessing account before verification

3. Consider this login workflow: User enters email and password, system checks if email exists, then verifies password. What happens if the email is not found?

medium

A. System asks for password again

B. User is logged in anyway

C. User receives an error message about invalid email

D. User account is created automatically

Solution

1. Step 1: Analyze email check in login

   If the email is not found, the system cannot verify password or log in the user.

2. Step 2: Determine system response

   The system should inform the user that the email is invalid or not registered.

3. Final Answer:

   User receives an error message about invalid email -> Option C

4. Quick Check:

   Email not found = error message [OK]

Hint: No email found means login error message [OK]

Common Mistakes:

• Assuming login succeeds without email
• Thinking system retries password input
• Believing account auto-creates on login

4. A login form requires username and password. The system always accepts any username but rejects all passwords. What is the likely error?

medium

A. User session is not created

B. Password verification logic is incorrect

C. Login form does not submit data

D. Username input is missing

Solution

1. Step 1: Identify the problem in password handling

   Since all passwords are rejected, the password check logic likely has a bug.

2. Step 2: Rule out other causes

   Username is accepted, form submits data, and session creation happens after login success, so these are less likely.

3. Final Answer:

   Password verification logic is incorrect -> Option B

4. Quick Check:

   All passwords rejected = password check bug [OK]

Hint: If all passwords fail, check password verification code [OK]

Common Mistakes:

• Blaming username input when it works
• Assuming form doesn't submit without checking
• Confusing session creation with login validation

5. You want to improve security in a sign up and login workflow by adding a step that prevents automated bots from creating accounts. Which method is best to add?

hard

A. Add a CAPTCHA challenge during sign up

B. Require users to enter their phone number only

C. Allow login without password for convenience

D. Skip email verification to speed up sign up

Solution

1. Step 1: Understand bot prevention methods

   CAPTCHA challenges are designed to block automated bots by requiring human interaction.

2. Step 2: Evaluate other options

   Phone number alone doesn't stop bots, passwordless login reduces security, skipping email verification weakens account validation.

3. Final Answer:

   Add a CAPTCHA challenge during sign up -> Option A

4. Quick Check:

   CAPTCHA blocks bots effectively [OK]

Hint: CAPTCHA stops bots during sign up [OK]

Common Mistakes:

• Thinking phone number alone stops bots
• Removing passwords reduces security
• Skipping email verification weakens trust