Create a way for customers to login and sign up with their LinkedIn credentials.
======= COPIED FROM Issue #26 =======
Read the following as though using LinkedIn instead of email/password. It's not updated at all, so some things will be different. Use best judgement for however a LinkedIn integration works; don't feel constrained to fit the AC exactly anymore.
Overview: Create a Sign up / Log in workflow on upward.dev for users to be able to create an account.
Notes:
There is another Issue that says the users table will have these columns:
authentication_method and is_mentor
If that is the case, then always set these default values for now:
is_mentor to false
authentication_method to null
Acceptance Criteria:
GIVEN the user is on any page of the site
THEN there is a Sign up button and a Log in button in the top right of the page
WHEN a user clicks the Sign up button
THEN they are taken to a new Sign up page in the site with the following input fields: first name, last name, email, and password, and a button that says "Sign up"
WHEN a user clicks the Log in button
THEN they are taken to a new Log in page in the site with input fields for email and password, and a button that says "Log in"
GIVEN the user is on the Sign up page
AND has not entered a valid first, last, email, and password
WHEN they click the "Sign up" button
THEN the input fields with invalid input are outlined in red and have an error message in red text below the relevant fields
GIVEN the user is on the Sign up page
AND has entered a valid first, last, email, and password
WHEN they click the "Sign up" button
THEN their data is inserted into the users table
AND they are redirected to the home page
AND the Sign up and Log in buttons are gone
AND in the top right there is their name and a user icon to the right of their name
GIVEN the user is on the Log in page
AND has entered a valid email and password
WHEN they click the "Log in" button
THEN they are redirected to the home page
AND the Sign up and Log in buttons are gone
AND in the top right there is their name and a user icon to the right of their name
GIVEN the user is on the Log in page
AND has entered an email that doesn't exist
WHEN they click the "Log in" button
THEN there is a red banner message inline that says "We didn't find an account with that email."
GIVEN the user is on the Log in page
AND has entered an email that does exist but has not entered a password
WHEN they click the "Log in" button
THEN the password field is outlined in red and there is an error message in red text below that says "Password is required."
GIVEN the user is on the Log in page
AND has entered an invalid password for email that does exist
WHEN they click the "Log in" button
THEN there is a red banner message inline that says "Invalid password"
Field Validation
Fields can't be empty
Max 100 chars for all fields
Accept special characters / chars in other languages for name fields
Email must be valid email format
Password must be at least 8 characters long and not be their first, last, or email
Error Messages
On empty field: " is a required field."
On email with invalid format: "Must be a valid email."
On trying to type a char over the char limit: " has a max 100 character limit."
On invalid password: "Password must be at least 8 characters long and not be your first/last name or email."
Create a way for customers to login and sign up with their LinkedIn credentials.
======= COPIED FROM Issue #26 ======= Read the following as though using LinkedIn instead of email/password. It's not updated at all, so some things will be different. Use best judgement for however a LinkedIn integration works; don't feel constrained to fit the AC exactly anymore.
Overview: Create a Sign up / Log in workflow on upward.dev for users to be able to create an account.
Notes: There is another Issue that says the users table will have these columns:
authentication_method
andis_mentor
If that is the case, then always set these default values for now:
is_mentor
tofalse
authentication_method
tonull
Acceptance Criteria: GIVEN the user is on any page of the site THEN there is a Sign up button and a Log in button in the top right of the page
WHEN a user clicks the Sign up button THEN they are taken to a new Sign up page in the site with the following input fields: first name, last name, email, and password, and a button that says "Sign up"
WHEN a user clicks the Log in button THEN they are taken to a new Log in page in the site with input fields for email and password, and a button that says "Log in"
GIVEN the user is on the Sign up page AND has not entered a valid first, last, email, and password WHEN they click the "Sign up" button THEN the input fields with invalid input are outlined in red and have an error message in red text below the relevant fields
GIVEN the user is on the Sign up page AND has entered a valid first, last, email, and password WHEN they click the "Sign up" button THEN their data is inserted into the users table AND they are redirected to the home page AND the Sign up and Log in buttons are gone AND in the top right there is their name and a user icon to the right of their name
GIVEN the user is on the Log in page AND has entered a valid email and password WHEN they click the "Log in" button THEN they are redirected to the home page AND the Sign up and Log in buttons are gone AND in the top right there is their name and a user icon to the right of their name
GIVEN the user is on the Log in page AND has entered an email that doesn't exist WHEN they click the "Log in" button THEN there is a red banner message inline that says "We didn't find an account with that email."
GIVEN the user is on the Log in page AND has entered an email that does exist but has not entered a password WHEN they click the "Log in" button THEN the password field is outlined in red and there is an error message in red text below that says "Password is required."
GIVEN the user is on the Log in page AND has entered an invalid password for email that does exist WHEN they click the "Log in" button THEN there is a red banner message inline that says "Invalid password"
Field Validation
Error Messages