Signup, Login and Onboarding to Screenhub

This document outlines the process for new users to sign up and onboard onto the Screenhub platform.

Signup #

This module describes how new users can create an account on ScreenHub to access its features.

1. Navigate to the Registration Page: On the ScreenHub homepage, locate and click the “Sign Up” button. This will redirect you to the registration form.
2. Fill in Your Details: On the registration page, you will find the following fields:

• Name: Enter your full name.
• Email Address: Enter a valid and unique email address. This will be your primary contact and login credential.
• Password: Create a strong password that meets the following requirements:

• Minimum length (specified by the system, e.g., 8 characters).
• Combination of uppercase letters (A-Z).
• A combination of lowercase letters (a-z).
• At least one number (0-9).
• At least one special character 

3. Password Confirmation: Re-enter the password you just created to ensure it matches.
4. Submit Registration: After filling in all the required fields, click the “Sign Up” button at the bottom of the form.
5. Email Verification:

• Upon successful submission, the system will send a verification email to the email address you provided.
• Check your inbox (and spam/junk folders) for an email from ScreenHub with the subject line “Verify Your ScreenHub Account”.

6. Activate Your Account:

• Open the verification email.
• Click on the unique verification link provided within the email.
• You will be redirected to a confirmation page on ScreenHub indicating that your account has been successfully activated.

7. Login: Once your account is activated, you can proceed to the login page to access ScreenHub.
   

Error Handling:

The system will display clear error messages in the following scenarios:

• Empty Fields: If any of the required fields (Name, Email, Password, Password Confirmation) are left blank.
• Invalid Email Format: If the entered email address is not in a valid format (e.g., missing “@” or “.”).
• Mismatched Passwords: If the password entered in the “Password” field does not match the password entered in the “Password Confirmation” field.
• Existing Email: If the email address you entered is already registered with another ScreenHub account. The system will prompt you to log in or use a different email.
• Weak Password: If the password you entered does not meet the defined strong password requirements. The system will specify which requirements are not met.

Log In #

1. Navigate to the Login Page: On the ScreenHub homepage or any page where login is required, locate and click the “Login” button. This will redirect you to the login form.
2. Enter Your Credentials: On the login page, you will find the following fields:

• Email Address: Enter the email address you used during registration.
• Password: Enter the password you created during registration.

3. Submit Login: After entering your email address and password, click the “Login” button.
4. Successful Login: If your credentials are valid, you will be redirected to your homepage on ScreenHub.
5. Invalid Credentials: If you enter an incorrect email address or password, the system will display an error message such as “Invalid email address or password. Please try again.”
6. Forgot Password: If you have forgotten your password, click the “Forgot Password” button on the login page. This will take you to the password recovery process.
   

Sign Up with Google #

1. Locate the “Sign in with Google” Button: On the login page or registration page, you will find a button labeled “Sign in with Google”.
2. Initiate Google Authentication: Click the “Sign in with Google” button. You will be redirected to Google’s authorization page.
3. Authorize ScreenHub: On Google’s authorization page, you will be asked to grant ScreenHub access to your basic profile information (e.g., name, email address). Review the requested permissions and click “Allow” to proceed.
4. Account Creation and Login:

• Upon successful authorization with Google, the ScreenHub system will automatically create a new account for you, linked to your Google account.
• You will be automatically logged into your newly created ScreenHub account and redirected to your dashboard or homepage.

5. Error Handling: If there is an error during the Google Authentication flow (e.g., you deny access, or there’s a technical issue), a clear error message will be displayed on the ScreenHub page, prompting you to try again or use the standard email/password signup method.
   

How to Select Your User Type #

1. First Login Redirection: After successfully signing up and logging in for the first time, you will be redirected to the onboarding page.
2. Choose Your Account Type: On the onboarding page, you will see two mandatory options:

• Creator: Select this option if you are an individual creative professional.
• Organization: Select this option if you represent a creative company, agency, or group.

3. Select Your Choice: Click on the button corresponding to your user type (either “Creator” or “Organization”).
   

How to Select Your Interests #

1. Creator Interests (if “Creator” was selected):

• After selecting “Creator,” you will be presented with a list of predefined creative interests (e.g., UI/UX Design, VFX, 3D Modeling, Game Design, Web Development, Others).
• You can select multiple interests from this list by checking the corresponding checkboxes.
• You must select a minimum of two interests to proceed.

2. Organization Interests (if “Organization” was selected):

• After selecting “Organization,” you will be presented with a different list of predefined creative interests relevant to organizations (e.g., UI/UX Design, VFX, 3D Modeling, Animation, Game Development, etc.).
• You can select multiple interests from this list by checking the corresponding checkboxes.
• You must select a minimum of two interests to proceed.

3. Continue to Next Step: Once you have selected at least two interests, click the “Continue” button to move to the next step of the onboarding process (selecting a username).
   

How to Select Your Username #

1. Navigate to the Username Selection Page: After selecting your interests, you will be redirected to the username selection page.
   
2. Enter Your Desired Username: In the designated field, type the username you wish to use for your ScreenHub account.
3. Username Validation: The system will automatically validate your entered username based on the following criteria:

• Uniqueness: The username must not be already taken by another user.
• Allowed Characters: The username can only contain letters (a-z, A-Z) and numbers (0-9). Underscores (_) are also allowed.
• Length: The username must be a minimum of 6 characters and not exceed 15 characters.
• Special Characters: All special characters other than the underscore (_) are not allowed.

4. Validation Feedback:

• Valid Username: If your entered username meets all the criteria and is available, you will be notified (e.g., a green checkmark or a “Username available” message). You can then proceed to the next step.
• Invalid Username: If your username is invalid (too short, too long, contains disallowed characters), an error message will be displayed (e.g., “Username must be between 6 and 15 characters and can only contain letters, numbers, and underscores.”).
• Unavailable Username: If your chosen username is already taken, the system will display an error message: “This Username is unavailable.” and prompt you to re-enter a different username. In some cases, the system might suggest a list of available usernames based on your input.

5. Proceed: Once you have selected a valid and available username, click the “Continue” or “Complete Onboarding” button to finalize your registration and access your ScreenHub account.
   

By following these steps, new users can successfully sign up and complete the initial onboarding process on the ScreenHub platform, setting the stage for them to connect, showcase their work, and engage with the creative community