Google auth

[adarsh1001111]

Description

Added Google Auth Using Firebase for SignUp and Login.

Related Issue

277

Screenshots :

Google SignUp Button added on the SignUp page:

Clicking the Google SignUp Button Opens the Google Auth Page having your Gmail accounts:

Selecting the account to SignUp with:

SignUp in progress:

User Signed Up :

User Details(name,email) captured via Google Account:

User Successfully LoggedOut via LogOut Button on the UserDetails Page:

Checklist:

• [x] I have performed a self-review of my code
• [x] I have added/updated relevant documentation (if needed)
• [x] I have tested the changes locally and they function as expected
• [x] I have ensured my code follows the project's coding standards

Additional Notes

For Now, the SignUp through Google automatically sets the Password to -"0000" and the Phone number to -"0000000000"(10 digits) Since these info can't be provided only via the Google Auth, there should be an option to change the Phone Number and Password further after the login in another issue for this. Also as many websites provide a password via email if logged in through Google auth can be done.

[rishicds]

Hi @adarsh1001111 , good job but can you please make the button rounded so it fits in with the rest of website? Thank you.

[codewarnab]

i am facing this error ( ihave allowed popup still please test it properply google login ) also you cant send a arbitary number keep it blank if the backend allows else need to modify backend to fit google login properly

[adarsh1001111]

i am facing this error ( ihave allowed popup still please test it properply google login ) also you cant send a arbitary number keep it blank if the backend allows else need to modify backend to fit google login properly

it says auth config not found means what i did with firebase.js (i exported the auth ) and imported in the register page so that it could work

[adarsh1001111]

you can just add another file for firebase.js and write the firebase config of your paws project of authentication and then use getAuth and export that auth, @codewarnab , also backend didnt allowed "" null string in phone and pass thats why i did "0 casing"

[adarsh1001111]

Hi @adarsh1001111 , good job but can you please make the button rounded so it fits in with the rest of website? Thank you.

i did it actually it was overridden by border radius 4px , i corrected it , its 40px rounded now

[adarsh1001111]

i have uploaded a video of my testing on my drive , view this once link: https://drive.google.com/file/d/1zbPozyHE8HgcKXumrMldP1SkeXUbYJYK/view?usp=drive_link

[adarsh1001111]

@codewarnab any updates ? if this PR is fine , i will switch to the backend for phone number and password for google auth sign in, please check if nothing is broken , till my knowledge everything works just the phone no. and pass has to be fixed from backend repo

[rishicds]

Hi @adarsh1001111 ,its okay, good job!