search

VanshKing30 / FoodiesWeb

GssoC'24 Project | Open To Contributers
https://foodies-web-app.vercel.app
MIT License
62 stars 156 forks source link

Feat:Google authentication during login #74

Closed yujit2003 closed 5 months ago

yujit2003 commented 5 months ago

Describe the feature

Adding Google authentication on login page so that user can direct login without sign up

@VanshKing30 please assign this issue to me under GSSoc

Add ScreenShots

Google authentication

Record

VanshKing30 commented 5 months ago

Please explain a bit about how are you going to add google authentication ??

SaurabhS55 commented 5 months ago

Hey @VanshKing30 I am Saurabh Salunke and I have prior experience of working with MERN stack. I would like to work on this issue. could you assign this issue to me with GSSOC'24 label.

Ok, now talking about Adding google authentication:-

  1. We can do it using Passport.js npm library. we can follow this steps to do so :-

    • Create a button called "Login with Google"
    • At backend, create a route, say "/auth" and on that route create a middleware to use passport.js functionalities.
    • "/auth" route authenticate user gmail and return its credentials to frontend.
    • Finally, At frontend we will store that credentials in localstorage.

  2. Using Google OAuth

yujit2003 commented 5 months ago

@VanshKing30 i am thinking of doing this Backend (Node.js) 1.Create a Google Cloud Platform (GCP) Project

2.Configure Passport.js:

3.Implement Routes:

4.Handle User Authentication:

Frontend ->

  1. Create Login Button:

  2. Handle Authentication Response:

  3. Store Authentication along with user role:

VanshKing30 commented 5 months ago

Start working on it !! Assigner you the task ! @SaurabhS55 and @yujit2003

SaurabhS55 commented 5 months ago

Hey @VanshKing30 could you label this issue under GSSOC'24 label?

yujit2003 commented 5 months ago

hey @SaurabhS55 let's connect and distribute work...

yujit2003 commented 5 months ago

@VanshKing30 i have implemented frontend and created a PR.. will work on backend now...

SaurabhS55 commented 5 months ago

@VanshKing30 I have implemented all required functionalities (frontend+backend part) and made PR. Please review this PR and label this issue under GSSOC'24.

yujit2003 commented 5 months ago

Great @SaurabhS55 u don't work in team ig

SaurabhS55 commented 5 months ago

Pardon me, but It's not like that I have started working on this issue before assigning us. so, I have developed most of the features already .