Improve Login Page with Passport.js and OAuth2 Google Sign-In about foodiesweb

[Evadshell]

I am participating in GSSoC and I'm eager to contribute to the FoodiesWeb project. This issue aligns well with my skills and interests, and I would be thrilled to work on enhancing the login functionality with Passport.js and OAuth2 Google Sign-In. I kindly request the project maintainers @VanshKing30 to assign this issue to me so that I can begin working on it promptly. Thank you for considering my contribution.

[VanshKing30]

Subject: Re: Enhancement of Login Functionality

Hi @Evadshell

Excited to have you onboard for the Passport.js and OAuth2 Google Sign-In feature! I've assigned the issue to you. Let's collaborate on this! Once done, create a pull request. Thanks!

Best,
VanshKing30

[VanshKing30]

@Evadshell How long will it take to implement this task ??

[Evadshell]

Based on my experience implementing similar features across various web applications, I estimate that integrating the login functionality will only require a few hours of work. However, to ensure smooth implementation, I will need your cooperation in providing the necessary environment files and credentials.

Here's a breakdown of the steps I propose to take:

1. Utilizing Passport.js Package: I plan to incorporate the Passport.js npm package, leveraging its local strategy for username-password authentication. Additionally, I'll integrate Express-session for managing sessions and cookies, and implement Passport-strength to enforce password strength requirements (e.g., minimum 8 characters).

2. Enhancing Code Quality and Performance: Once the initial login feature is implemented, it will not only enhance the codebase but also improve performance while reducing the likelihood of errors. Following this, I intend to extend authentication capabilities by integrating Passport.js' Google strategy for seamless Google login. This will enable users to log in using their Google credentials, allowing us to access their email and profile information. I'll also update the navbar to display the user's profile photo obtained through Google login. For canteen staff, a separate Passport-local login strategy will be implemented.

3. Upon completing the login functionality, I'm eager to contribute further by addressing additional issues. One such enhancement would involve the implementation of a modal that appears immediately after user registration. This modal will contain a form allowing both customers and canteen staff to update their information seamlessly.

[ShreyashKathade]

can i work on that issue ?

[Tanu2205]

I hade experience of login authentication by using passport,I am glad to work on this issue.
Can you please assign me this issue under Gssoc'24?

[VanshKing30]

@Tanu2205 Please explain me your appraoch in dm
My Discord id : Vansh5238