[FEATURE] Google Sign-In Integration

[ShirshenduR]

Summary

Integrate Google OAuth as an additional authentication method in AlumConnect, enabling users to sign in with their Google accounts.

Requirements

• Enable Google provider in Supabase authentication settings.
• Configure Google API credentials (Client ID and Client Secret).
• Add "Sign in with Google" button in the login page UI.
• Ensure the flow works for both web and mobile views.
• Maintain consistent branding and styling for the Google button.
• Handle authentication errors gracefully.

Implementation Details

Suggested files:

• src/components/Auth/Login.tsx – Add Google sign-in button and handler.
• src/lib/supabaseClient.ts – Ensure provider setup.
• .env – Store Google OAuth credentials.

Steps:

1. Create a project in Google Cloud Console.
2. Enable OAuth consent screen and configure authorized redirect URIs:
   • Local: http://127.0.0.1:54321/auth/v1/callback
   • Production: https://your-project.supabase.co/auth/v1/callback
3. Add credentials to Supabase > Authentication > Providers > Google.
4. Implement signInWithOAuth('google') method from Supabase client.

Tasks

• Configure Google OAuth in Supabase.
• Add environment variables.
• Update login UI.
• Test sign-in flow.

Testing

• Verify login works with Google in local and production.
• Check responsive design of button.
• Ensure error handling is user-friendly.

References

• Supabase Docs: Google Sign-In
• Google Cloud Console: Credentials Setup

[Abimanyu-A]

Assign me this please as a GSSOC contribution

[ShirshenduR]

@Abimanyu-A Can you tell me your approach?

[Abimanyu-A]

I’ll integrate Google OAuth into AlumConnect by first setting up credentials in Google Cloud Console, enabling the Google provider in Supabase, and adding the authorized redirect URIs for both local and production environments. I’ll store the Client ID and Secret securely in .env and connect them to our Supabase authentication settings.

On the app side, I’ll update the Login.tsx page to include this sign in option

[ShirshenduR]

@Abimanyu-A assigning it to you

[ShirshenduR]

@Abimanyu-A unassigned you due to no updates

[Saina545]

Hello there as this issue is open I'm interested to work on it
This would be my approach if you assign it to me..
will integrate Google OAuth into AlumConnect by first creating OAuth credentials in Google Cloud (Client ID and Secret) and adding the authorized redirect URIs for local and production. Then, I’ll enable Google as a provider in Supabase and store the credentials in .env. Next, I’ll update the login UI in Login.tsx to include a “Sign in with Google” button that uses supabase.auth.signInWithOAuth({ provider: "google" }). Finally, I’ll test the login flow in both local and production to ensure it works smoothly, looks consistent with the app’s styling, and handles errors properly.

[ShirshenduR]

@Saina545 Assigning it to you

[Gupta-02]

assign me still it is open i already meged these kind of issues previosly