Skip to content

Implement Google SSO Integration – Frontend #83

@Alexandrbig1

Description

@Alexandrbig1

Priority: High
Difficulty: Advanced
Type: Frontend Feature


Description:
Integrate the Google SSO backend into the frontend login flow. The Google button already exists in UI; this task makes it functional.


Requirements:

  • On Google button click → redirect to backend endpoint /auth/google.
  • Handle the callback response:
    • Extract JWT returned from backend.
    • Save JWT into Redux store (authSlice).
    • Persist JWT to localStorage for session.
  • Update global auth state (user logged in = true).
  • Provide loading/error feedback during login.

Acceptance Criteria:

  • Clicking Google button opens Google login and completes flow.
  • JWT is stored in Redux + localStorage.
  • Logged-in state is reflected in the app (e.g., console shows User authenticated).
  • Works with Redux DevTools.

Metadata

Metadata

Assignees

Labels

advancedComplex/advanced tasks or featuresauthAuthentication & authorizationfrontendTasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)google-ssoGoogle Single Sign‑On / OAuthhacktoberfestSpecial issue for Hacktoberfesthacktoberfest-2025Special issue for Hacktoberfest 2025priority: highNeeds attention ASAP

Projects

Status

Review

Relationships

None yet

Development

No branches or pull requests

Issue actions