Added Firebase Google Login Authentication to both Landing and Login pages
Added Firebase Email Login Authentication
Updated Authenticated Navbar to feature 'Sign Out' option
Wrapped authenticated routes to Create, Edit, Feedback
Wrapped unauthenticated routes to Landing and Login
Does your new code introduce new warnings on dev console?
No
Test Steps
Google Login Test Steps
Run the app
Click on Continue with Google on the hero banner, a popup should appear
Continue the steps and select your Google account to authenticate with
You should be directed to the Create page
Attempt to go to a page that does not exist, you should be redirected to the Create page
On the AuthNavbar, select Sign Out to sign out, you should be redirected to the Landingpage
Navigate to the Login page, and click on Continue with Google, a popup should appear
Repeat steps 3-6
Email Login Test Steps (Sign Up)
Run the app ($ npm start) -> will be directed to "Landing Page"
Within the "Hero" component, fill in the following fields (i) Create an account with Email (add your email) (ii) Password (create a password to be associated with that email address)
Click on "Continue with Email"
You should receive an email from Internify to click a link to verify your email address. note that verifying email is not yet required for access to rest of site (though this may change).
You should be directed to the 'Create' page
On the 'AuthNavBar', select 'Sign Out' to sign out, you should be redirected to the 'Landing Page'
Continue to "Email Login Test Steps (Sign in - successful sign in)"
Email Login Test Steps (Sign in - successful sign in)
You are at the "Landing" page
Click on "Sign In" found on the the upper right hand side of the "Landing" page
In the "Email" text field, fill in the email address you used in step two of "Email Login Test Steps (Sign Up)" above.
In the "Password" text field, fill in the password you used in step two of "Email Login Test Steps (Sign Up)" above.
Click "Login"
You should be directed to the 'Create' page
On the 'AuthNavBar', select 'Sign Out' to sign out, you should be redirected to the 'Landing Page'
Continue to "Email Login Test Steps (Sign in - unsuccessful sign in)"
Email Login Test Steps (Sign in - unsuccessful sign in)
You are at the "Landing" page
Click on "Sign In" found on the the upper right hand side of the "Landing" page
In the "Email" text field, make up an email that you have never used before.
In the "Password" text field, make up a password that you have never used before.
Click "Login"
You should receive an alert notifying you that there is something wrong with the email and password combination you have submitted.
User Story
[IN-54] Login Authentication [IN-65] Sign Out option on Navbar
Changes made
Landing
andLogin
pagesCreate
,Edit
,Feedback
Landing
andLogin
Does your new code introduce new warnings on dev console?
No
Test Steps
Google Login Test Steps
Continue with Google
on the hero banner, a popup should appearCreate
pageCreate page
AuthNavbar
, selectSign Out
to sign out, you should be redirected to theLanding
pageLogin
page, and click onContinue with Google
, a popup should appearEmail Login Test Steps (Sign Up)
Email Login Test Steps (Sign in - successful sign in)
Email Login Test Steps (Sign in - unsuccessful sign in)